@m3e/icon-button 1.0.0-rc.2 → 1.0.0-rc.4

package/README.md

@@ -31,7 +31,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

@@ -1147,6 +1147,21 @@
                 "module": "../core/src/shared/mixins/LinkButton.ts"
               }
             },
+            {
+              "kind": "field",
+              "name": "formAssociated",
+              "static": true,
+              "readonly": true,
+              "default": "true",
+              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
+              "type": {
+                "text": "boolean"
+              },
+              "inheritedFrom": {
+                "name": "AttachInternals",
+                "module": "../core/src/shared/mixins/AttachInternals.ts"
+              }
+            },
             {
               "kind": "field",
               "name": "name",
@@ -1233,18 +1248,6 @@
                 "module": "../core/src/shared/mixins/Disabled.ts"
               }
             },
-            {
-              "kind": "field",
-              "name": "formAssociated",
-              "static": true,
-              "readonly": true,
-              "default": "formAssociated",
-              "description": "Indicates that this custom element participates in form submission, validation, and form state restoration.",
-              "inheritedFrom": {
-                "name": "AttachInternals",
-                "module": "../core/src/shared/mixins/AttachInternals.ts"
-              }
-            },
             {
               "kind": "field",
               "name": "[_internals]",
@@ -2497,25 +2500,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",
@@ -2813,6 +2797,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",
@@ -3349,6 +3344,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",
@@ -3398,16 +3398,6 @@
               },
               "description": "The label elements that the element is associated with.",
               "readonly": true
-            },
-            {
-              "kind": "method",
-              "name": "[_updateLabels]",
-              "privacy": "private",
-              "return": {
-                "type": {
-                  "text": "void"
-                }
-              }
             }
           ],
           "parameters": [
@@ -3422,6 +3412,14 @@
         }
       ],
       "exports": [
+        {
+          "kind": "js",
+          "name": "updateLabels",
+          "declaration": {
+            "name": "updateLabels",
+            "module": "../core/src/shared/mixins/Labelled.ts"
+          }
+        },
         {
           "kind": "js",
           "name": "isLabelledMixin",

package/dist/src/IconButtonElement.d.ts

@@ -0,0 +1,316 @@
+import { CSSResultGroup, LitElement, PropertyValues } from "lit";
+import { IconButtonSize } from "./IconButtonSize";
+import { IconButtonShape } from "./IconButtonShape";
+import { IconButtonVariant } from "./IconButtonVariant";
+import { IconButtonWidth } from "./IconButtonWidth";
+declare const M3eIconButtonElement_base: import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").LinkButtonMixin> & import("node_modules/@m3e/core/dist/src/shared/mixins/Constructor").Constructor<import("@m3e/core").FormSubmitterMixin> & 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").DisabledInteractiveMixin> & 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 icon button users interact with to perform a supplementary action.
+ *
+ * @description
+ * The `m3e-icon-button` component is a semantic, expressive UI primitive for triggering actions with a single icon.
+ * Designed according to Material Design 3 guidelines, it supports five four variants, specified using the
+ * `variant` attribute—`filled`, `tonal`, `outlined`, and `standard`—each with dynamic elevation, shape morphing, and
+ * adaptive color theming. The component responds to interaction states (hover, focus, press, disabled) with smooth motion
+ * transitions, ensuring emotional clarity and visual hierarchy.
+ *
+ * The component is accessible by default, with ARIA roles, contrast-safe color tokens, and strong focus indicators.
+ * It supports optional icons and states for binary actions.  When using `m3e-icon` for icons, `filled` is automatically
+ * set based on the selected state of a toggle button. It can also function as a link or be used to submit form data.
+ *
+ * Native disabled `<button>` elements cannot receive focus. This can be problematic in some cases because it can prevent you
+ * from telling the user why the button is disabled. You can use the `disabled-interactive` attribute to style a `m3e-icon-button`
+ * as disabled but allow for it to receive focus. The button will have `aria-disabled="true"` for assistive technology.
+ *
+ * @example
+ * The following example illustrates changing the appearance from `standard` (default) to `filled` using the `variant`
+ * attribute, changing the size using the `size` attribute, and enabling toggle behavior using the `toggle` attribute.
+ *
+ * ```html
+ * <m3e-icon-button variant="filled" size="large" toggle selected>
+ *  <m3e-icon name="favorite"></m3e-icon>
+ * </m3e-icon-button>
+ * ```
+ *
+ * @tag m3e-icon-button
+ *
+ * @slot - Renders the icon of the button.
+ * @slot selected - Renders an icon, when selected.
+ *
+ * @attr disabled - Whether the element is disabled.
+ * @attr disabled-interactive - Whether the element is disabled and interactive.
+ * @attr download - A value indicating whether the `target` of the link button will be downloaded, optionally specifying the new name of the file.
+ * @attr href - The URL to which the link button points.
+ * @attr name - The name of the element, submitted as a pair with the element's `value` as part of form data, when the element is used to submit a form.
+ * @attr rel - The relationship between the `target` of the link button and the document.
+ * @attr selected - Whether the toggle button is selected.
+ * @attr shape - The shape of the button.
+ * @attr size - The size of the button.
+ * @attr target - The target of the link button.
+ * @attr toggle - Whether the button will toggle between selected and unselected states.
+ * @attr type - The type of the element.
+ * @attr value - The value associated with the element's name when it's submitted with form data.
+ * @attr variant - The appearance variant of the button.
+ * @attr width - The width of the button.
+ *
+ * @fires input - Dispatched when a toggle button's selected state changes.
+ * @fires change - Dispatched when a toggle button's selected state changes.
+ * @fires click - Emitted when the element is clicked.
+ *
+ * @cssprop --m3e-icon-button-extra-small-container-height - Height of the extra-small container.
+ * @cssprop --m3e-icon-button-extra-small-outline-thickness - Outline thickness for extra-small.
+ * @cssprop --m3e-icon-button-extra-small-icon-size - Icon size for extra-small.
+ * @cssprop --m3e-icon-button-extra-small-shape-round - Corner radius for round extra-small.
+ * @cssprop --m3e-icon-button-extra-small-shape-square - Corner radius for square extra-small.
+ * @cssprop --m3e-icon-button-extra-small-selected-shape-round - Corner radius for selected round extra-small.
+ * @cssprop --m3e-icon-button-extra-small-selected-shape-square - Corner radius for selected square extra-small.
+ * @cssprop --m3e-icon-button-extra-small-shape-pressed-morph - Corner radius for pressed extra-small.
+ * @cssprop --m3e-icon-button-extra-small-narrow-leading-space - Leading space for extra-small (narrow).
+ * @cssprop --m3e-icon-button-extra-small-narrow-trailing-space - Trailing space for extra-small (narrow).
+ * @cssprop --m3e-icon-button-extra-small-default-leading-space - Leading space for extra-small (default).
+ * @cssprop --m3e-icon-button-extra-small-default-trailing-space - Trailing space for extra-small (default).
+ * @cssprop --m3e-icon-button-extra-small-wide-leading-space - Leading space for extra-small (wide).
+ * @cssprop --m3e-icon-button-extra-small-wide-trailing-space - Trailing space for extra-small (wide).
+ * @cssprop --m3e-icon-button-small-container-height - Height of the small container.
+ * @cssprop --m3e-icon-button-small-outline-thickness - Outline thickness for small.
+ * @cssprop --m3e-icon-button-small-icon-size - Icon size for small.
+ * @cssprop --m3e-icon-button-small-shape-round - Corner radius for round small.
+ * @cssprop --m3e-icon-button-small-shape-square - Corner radius for square small.
+ * @cssprop --m3e-icon-button-small-selected-shape-round - Corner radius for selected round small.
+ * @cssprop --m3e-icon-button-small-selected-shape-square - Corner radius for selected square small.
+ * @cssprop --m3e-icon-button-small-shape-pressed-morph - Corner radius for pressed small.
+ * @cssprop --m3e-icon-button-small-narrow-leading-space - Leading space for small (narrow).
+ * @cssprop --m3e-icon-button-small-narrow-trailing-space - Trailing space for small (narrow).
+ * @cssprop --m3e-icon-button-small-default-leading-space - Leading space for small (default).
+ * @cssprop --m3e-icon-button-small-default-trailing-space - Trailing space for small (default).
+ * @cssprop --m3e-icon-button-small-wide-leading-space - Leading space for small (wide).
+ * @cssprop --m3e-icon-button-small-wide-trailing-space - Trailing space for small (wide).
+ * @cssprop --m3e-icon-button-medium-container-height - Height of the medium container.
+ * @cssprop --m3e-icon-button-medium-outline-thickness - Outline thickness for medium.
+ * @cssprop --m3e-icon-button-medium-icon-size - Icon size for medium.
+ * @cssprop --m3e-icon-button-medium-shape-round - Corner radius for round medium.
+ * @cssprop --m3e-icon-button-medium-shape-square - Corner radius for square medium.
+ * @cssprop --m3e-icon-button-medium-selected-shape-round - Corner radius for selected round medium.
+ * @cssprop --m3e-icon-button-medium-selected-shape-square - Corner radius for selected square medium.
+ * @cssprop --m3e-icon-button-medium-shape-pressed-morph - Corner radius for pressed medium.
+ * @cssprop --m3e-icon-button-medium-narrow-leading-space - Leading space for medium (narrow).
+ * @cssprop --m3e-icon-button-medium-narrow-trailing-space - Trailing space for medium (narrow).
+ * @cssprop --m3e-icon-button-medium-default-leading-space - Leading space for medium (default).
+ * @cssprop --m3e-icon-button-medium-default-trailing-space - Trailing space for medium (default).
+ * @cssprop --m3e-icon-button-medium-wide-leading-space - Leading space for medium (wide).
+ * @cssprop --m3e-icon-button-medium-wide-trailing-space - Trailing space for medium (wide).
+ * @cssprop --m3e-icon-button-large-container-height - Height of the large container.
+ * @cssprop --m3e-icon-button-large-outline-thickness - Outline thickness for large.
+ * @cssprop --m3e-icon-button-large-icon-size - Icon size for large.
+ * @cssprop --m3e-icon-button-large-shape-round - Corner radius for round large.
+ * @cssprop --m3e-icon-button-large-shape-square - Corner radius for square large.
+ * @cssprop --m3e-icon-button-large-selected-shape-round - Corner radius for selected round large.
+ * @cssprop --m3e-icon-button-large-selected-shape-square - Corner radius for selected square large.
+ * @cssprop --m3e-icon-button-large-shape-pressed-morph - Corner radius for pressed large.
+ * @cssprop --m3e-icon-button-large-narrow-leading-space - Leading space for large (narrow).
+ * @cssprop --m3e-icon-button-large-narrow-trailing-space - Trailing space for large (narrow).
+ * @cssprop --m3e-icon-button-large-default-leading-space - Leading space for large (default).
+ * @cssprop --m3e-icon-button-large-default-trailing-space - Trailing space for large (default).
+ * @cssprop --m3e-icon-button-large-wide-leading-space - Leading space for large (wide).
+ * @cssprop --m3e-icon-button-large-wide-trailing-space - Trailing space for large (wide).
+ * @cssprop --m3e-icon-button-extra-large-container-height - Height of the extra-large container.
+ * @cssprop --m3e-icon-button-extra-large-outline-thickness - Outline thickness for extra-large.
+ * @cssprop --m3e-icon-button-extra-large-icon-size - Icon size for extra-large.
+ * @cssprop --m3e-icon-button-extra-large-shape-round - Corner radius for round extra-large.
+ * @cssprop --m3e-icon-button-extra-large-shape-square - Corner radius for square extra-large.
+ * @cssprop --m3e-icon-button-extra-large-selected-shape-round - Corner radius for selected round extra-large.
+ * @cssprop --m3e-icon-button-extra-large-selected-shape-square - Corner radius for selected square extra-large.
+ * @cssprop --m3e-icon-button-extra-large-shape-pressed-morph - Corner radius for pressed extra-large.
+ * @cssprop --m3e-icon-button-extra-large-narrow-leading-space - Leading space for extra-large (narrow).
+ * @cssprop --m3e-icon-button-extra-large-narrow-trailing-space - Trailing space for extra-large (narrow).
+ * @cssprop --m3e-icon-button-extra-large-default-leading-space - Leading space for extra-large (default).
+ * @cssprop --m3e-icon-button-extra-large-default-trailing-space - Trailing space for extra-large (default).
+ * @cssprop --m3e-icon-button-extra-large-wide-leading-space - Leading space for extra-large (wide).
+ * @cssprop --m3e-icon-button-extra-large-wide-trailing-space - Trailing space for extra-large (wide).
+ * @cssprop --m3e-outlined-icon-button-icon-color - Default icon color for outlined variant.
+ * @cssprop --m3e-outlined-icon-button-outline-color - Default outline color for outlined variant.
+ * @cssprop --m3e-outlined-icon-button-unselected-icon-color - Unselected icon color for outlined variant.
+ * @cssprop --m3e-outlined-icon-button-selected-icon-color - Selected icon color for outlined variant.
+ * @cssprop --m3e-outlined-icon-button-selected-container-color - Selected container background color for outlined variant.
+ * @cssprop --m3e-outlined-icon-button-disabled-container-color - Container background color when disabled (outlined).
+ * @cssprop --m3e-outlined-icon-button-disabled-container-opacity - Opacity of container when disabled (outlined).
+ * @cssprop --m3e-outlined-icon-button-disabled-icon-color - Icon color when disabled (outlined).
+ * @cssprop --m3e-outlined-icon-button-disabled-icon-opacity - Icon opacity when disabled (outlined).
+ * @cssprop --m3e-outlined-icon-button-disabled-outline-color - Outline color when disabled (outlined).
+ * @cssprop --m3e-outlined-icon-button-hover-icon-color - Icon color on hover (outlined).
+ * @cssprop --m3e-outlined-icon-button-hover-outline-color - Outline color on hover (outlined).
+ * @cssprop --m3e-outlined-icon-button-hover-state-layer-color - State layer color on hover (outlined).
+ * @cssprop --m3e-outlined-icon-button-hover-state-layer-opacity - State layer opacity on hover (outlined).
+ * @cssprop --m3e-outlined-icon-button-hover-unselected-icon-color - Unselected icon color on hover (outlined).
+ * @cssprop --m3e-outlined-icon-button-hover-unselected-state-layer-color - Unselected state layer color on hover (outlined).
+ * @cssprop --m3e-outlined-icon-button-hover-selected-icon-color - Selected icon color on hover (outlined).
+ * @cssprop --m3e-outlined-icon-button-hover-selected-state-layer-color - Selected state layer color on hover (outlined).
+ * @cssprop --m3e-outlined-icon-button-focus-icon-color - Icon color on focus (outlined).
+ * @cssprop --m3e-outlined-icon-button-focus-outline-color - Outline color on focus (outlined).
+ * @cssprop --m3e-outlined-icon-button-focus-state-layer-color - State layer color on focus (outlined).
+ * @cssprop --m3e-outlined-icon-button-focus-state-layer-opacity - State layer opacity on focus (outlined).
+ * @cssprop --m3e-outlined-icon-button-focus-unselected-icon-color - Unselected icon color on focus (outlined).
+ * @cssprop --m3e-outlined-icon-button-focus-unselected-state-layer-color - Unselected state layer color on focus (outlined).
+ * @cssprop --m3e-outlined-icon-button-focus-selected-icon-color - Selected icon color on focus (outlined).
+ * @cssprop --m3e-outlined-icon-button-focus-selected-state-layer-color - Selected state layer color on focus (outlined).
+ * @cssprop --m3e-outlined-icon-button-pressed-icon-color - Icon color on pressed (outlined).
+ * @cssprop --m3e-outlined-icon-button-pressed-outline-color - Outline color on pressed (outlined).
+ * @cssprop --m3e-outlined-icon-button-pressed-state-layer-color - State layer color on pressed (outlined).
+ * @cssprop --m3e-outlined-icon-button-pressed-state-layer-opacity - State layer opacity on pressed (outlined).
+ * @cssprop --m3e-outlined-icon-button-pressed-unselected-icon-color - Unselected icon color on pressed (outlined).
+ * @cssprop --m3e-outlined-icon-button-pressed-unselected-state-layer-color - Unselected state layer color on pressed (outlined).
+ * @cssprop --m3e-outlined-icon-button-pressed-selected-icon-color - Selected icon color on pressed (outlined).
+ * @cssprop --m3e-outlined-icon-button-pressed-selected-state-layer-color - Selected state layer color on pressed (outlined).
+ * @cssprop --m3e-filled-icon-button-icon-color - Default icon color for filled variant.
+ * @cssprop --m3e-filled-icon-button-container-color - Default container background color for filled variant.
+ * @cssprop --m3e-filled-icon-button-unselected-icon-color - Unselected icon color for filled variant.
+ * @cssprop --m3e-filled-icon-button-unselected-container-color - Unselected container background color for filled variant.
+ * @cssprop --m3e-filled-icon-button-selected-icon-color - Selected icon color for filled variant.
+ * @cssprop --m3e-filled-icon-button-selected-container-color - Selected container background color for filled variant.
+ * @cssprop --m3e-filled-icon-button-disabled-container-color - Container background color when disabled (filled).
+ * @cssprop --m3e-filled-icon-button-disabled-container-opacity - Opacity of container when disabled (filled).
+ * @cssprop --m3e-filled-icon-button-disabled-icon-color - Icon color when disabled (filled).
+ * @cssprop --m3e-filled-icon-button-disabled-icon-opacity - Icon opacity when disabled (filled).
+ * @cssprop --m3e-filled-icon-button-hover-icon-color - Icon color on hover (filled).
+ * @cssprop --m3e-filled-icon-button-hover-state-layer-color - State layer color on hover (filled).
+ * @cssprop --m3e-filled-icon-button-hover-state-layer-opacity - State layer opacity on hover (filled).
+ * @cssprop --m3e-filled-icon-button-hover-unselected-icon-color - Unselected icon color on hover (filled).
+ * @cssprop --m3e-filled-icon-button-hover-unselected-state-layer-color - Unselected state layer color on hover (filled).
+ * @cssprop --m3e-filled-icon-button-hover-selected-icon-color - Selected icon color on hover (filled).
+ * @cssprop --m3e-filled-icon-button-hover-selected-state-layer-color - Selected state layer color on hover (filled).
+ * @cssprop --m3e-filled-icon-button-focus-icon-color - Icon color on focus (filled).
+ * @cssprop --m3e-filled-icon-button-focus-state-layer-color - State layer color on focus (filled).
+ * @cssprop --m3e-filled-icon-button-focus-state-layer-opacity - State layer opacity on focus (filled).
+ * @cssprop --m3e-filled-icon-button-focus-unselected-icon-color - Unselected icon color on focus (filled).
+ * @cssprop --m3e-filled-icon-button-focus-unselected-state-layer-color - Unselected state layer color on focus (filled).
+ * @cssprop --m3e-filled-icon-button-focus-selected-icon-color - Selected icon color on focus (filled).
+ * @cssprop --m3e-filled-icon-button-focus-selected-state-layer-color - Selected state layer color on focus (filled).
+ * @cssprop --m3e-filled-icon-button-pressed-icon-color - Icon color on pressed (filled).
+ * @cssprop --m3e-filled-icon-button-pressed-state-layer-color - State layer color on pressed (filled).
+ * @cssprop --m3e-filled-icon-button-pressed-state-layer-opacity - State layer opacity on pressed (filled).
+ * @cssprop --m3e-filled-icon-button-pressed-unselected-icon-color - Unselected icon color on pressed (filled).
+ * @cssprop --m3e-filled-icon-button-pressed-unselected-state-layer-color - Unselected state layer color on pressed (filled).
+ * @cssprop --m3e-filled-icon-button-pressed-selected-icon-color - Selected icon color on pressed (filled).
+ * @cssprop --m3e-filled-icon-button-pressed-selected-state-layer-color - Selected state layer color on pressed (filled).
+ * @cssprop --m3e-tonal-icon-button-icon-color - Default icon color for tonal variant.
+ * @cssprop --m3e-tonal-icon-button-container-color - Default container background color for tonal variant.
+ * @cssprop --m3e-tonal-icon-button-unselected-icon-color - Unselected icon color for tonal variant.
+ * @cssprop --m3e-tonal-icon-button-unselected-container-color - Unselected container background color for tonal variant.
+ * @cssprop --m3e-tonal-icon-button-selected-icon-color - Selected icon color for tonal variant.
+ * @cssprop --m3e-tonal-icon-button-selected-container-color - Selected container background color for tonal variant.
+ * @cssprop --m3e-tonal-icon-button-disabled-container-color - Container background color when disabled (tonal).
+ * @cssprop --m3e-tonal-icon-button-disabled-container-opacity - Opacity of container when disabled (tonal).
+ * @cssprop --m3e-tonal-icon-button-disabled-icon-color - Icon color when disabled (tonal).
+ * @cssprop --m3e-tonal-icon-button-disabled-icon-opacity - Icon opacity when disabled (tonal).
+ * @cssprop --m3e-tonal-icon-button-hover-icon-color - Icon color on hover (tonal).
+ * @cssprop --m3e-tonal-icon-button-hover-state-layer-color - State layer color on hover (tonal).
+ * @cssprop --m3e-tonal-icon-button-hover-state-layer-opacity - State layer opacity on hover (tonal).
+ * @cssprop --m3e-tonal-icon-button-hover-unselected-icon-color - Unselected icon color on hover (tonal).
+ * @cssprop --m3e-tonal-icon-button-hover-unselected-state-layer-color - Unselected state layer color on hover (tonal).
+ * @cssprop --m3e-tonal-icon-button-hover-selected-icon-color - Selected icon color on hover (tonal).
+ * @cssprop --m3e-tonal-icon-button-hover-selected-state-layer-color - Selected state layer color on hover (tonal).
+ * @cssprop --m3e-tonal-icon-button-focus-icon-color - Icon color on focus (tonal).
+ * @cssprop --m3e-tonal-icon-button-focus-state-layer-color - State layer color on focus (tonal).
+ * @cssprop --m3e-tonal-icon-button-focus-state-layer-opacity - State layer opacity on focus (tonal).
+ * @cssprop --m3e-tonal-icon-button-focus-unselected-icon-color - Unselected icon color on focus (tonal).
+ * @cssprop --m3e-tonal-icon-button-focus-unselected-state-layer-color - Unselected state layer color on focus (tonal).
+ * @cssprop --m3e-tonal-icon-button-focus-selected-icon-color - Selected icon color on focus (tonal).
+ * @cssprop --m3e-tonal-icon-button-focus-selected-state-layer-color - Selected state layer color on focus (tonal).
+ * @cssprop --m3e-tonal-icon-button-pressed-icon-color - Icon color on pressed (tonal).
+ * @cssprop --m3e-tonal-icon-button-pressed-state-layer-color - State layer color on pressed (tonal).
+ * @cssprop --m3e-tonal-icon-button-pressed-state-layer-opacity - State layer opacity on pressed (tonal).
+ * @cssprop --m3e-tonal-icon-button-pressed-unselected-icon-color - Unselected icon color on pressed (tonal).
+ * @cssprop --m3e-tonal-icon-button-pressed-unselected-state-layer-color - Unselected state layer color on pressed (tonal).
+ * @cssprop --m3e-tonal-icon-button-pressed-selected-icon-color - Selected icon color on pressed (tonal).
+ * @cssprop --m3e-tonal-icon-button-pressed-selected-state-layer-color - Selected state layer color on pressed (tonal).
+ * @cssprop --m3e-standard-icon-button-icon-color - Default icon color for standard variant.
+ * @cssprop --m3e-standard-icon-button-unselected-icon-color - Unselected icon color for standard variant.
+ * @cssprop --m3e-standard-icon-button-selected-icon-color - Selected icon color for standard variant.
+ * @cssprop --m3e-standard-icon-button-disabled-container-color - Container background color when disabled (standard).
+ * @cssprop --m3e-standard-icon-button-disabled-container-opacity - Opacity of container when disabled (standard).
+ * @cssprop --m3e-standard-icon-button-disabled-icon-color - Icon color when disabled (standard).
+ * @cssprop --m3e-standard-icon-button-disabled-icon-opacity - Icon opacity when disabled (standard).
+ * @cssprop --m3e-standard-icon-button-hover-icon-color - Icon color on hover (standard).
+ * @cssprop --m3e-standard-icon-button-hover-state-layer-color - State layer color on hover (standard).
+ * @cssprop --m3e-standard-icon-button-hover-state-layer-opacity - State layer opacity on hover (standard).
+ * @cssprop --m3e-standard-icon-button-hover-unselected-icon-color - Unselected icon color on hover (standard).
+ * @cssprop --m3e-standard-icon-button-hover-unselected-state-layer-color - Unselected state layer color on hover (standard).
+ * @cssprop --m3e-standard-icon-button-hover-selected-icon-color - Selected icon color on hover (standard).
+ * @cssprop --m3e-standard-icon-button-hover-selected-state-layer-color - Selected state layer color on hover (standard).
+ * @cssprop --m3e-standard-icon-button-focus-icon-color - Icon color on focus (standard).
+ * @cssprop --m3e-standard-icon-button-focus-state-layer-color - State layer color on focus (standard).
+ * @cssprop --m3e-standard-icon-button-focus-state-layer-opacity - State layer opacity on focus (standard).
+ * @cssprop --m3e-standard-icon-button-focus-unselected-icon-color - Unselected icon color on focus (standard).
+ * @cssprop --m3e-standard-icon-button-focus-unselected-state-layer-color - Unselected state layer color on focus (standard).
+ * @cssprop --m3e-standard-icon-button-focus-selected-icon-color - Selected icon color on focus (standard).
+ * @cssprop --m3e-standard-icon-button-focus-selected-state-layer-color - Selected state layer color on focus (standard).
+ * @cssprop --m3e-standard-icon-button-pressed-icon-color - Icon color on pressed (standard).
+ * @cssprop --m3e-standard-icon-button-pressed-state-layer-color - State layer color on pressed (standard).
+ * @cssprop --m3e-standard-icon-button-pressed-state-layer-opacity - State layer opacity on pressed (standard).
+ * @cssprop --m3e-standard-icon-button-pressed-unselected-icon-color - Unselected icon color on pressed (standard).
+ * @cssprop --m3e-standard-icon-button-pressed-unselected-state-layer-color - Unselected state layer color on pressed (standard).
+ * @cssprop --m3e-standard-icon-button-pressed-selected-icon-color - Selected icon color on pressed (standard).
+ * @cssprop --m3e-standard-icon-button-pressed-selected-state-layer-color - Selected state layer color on pressed (standard).
+ */
+export declare class M3eIconButtonElement extends M3eIconButtonElement_base {
+    #private;
+    /** The styles of the element. */
+    static styles: CSSResultGroup;
+    /** @private */ private readonly _base?;
+    /** @private */ private readonly _elevation?;
+    /** @private */ private readonly _focusRing?;
+    /** @private */ private readonly _stateLayer?;
+    /** @private */ private readonly _ripple?;
+    constructor();
+    /**
+     * The appearance variant of the button.
+     * @default "standard"
+     */
+    variant: IconButtonVariant;
+    /**
+     * The shape of the button.
+     * @default "rounded"
+     */
+    shape: IconButtonShape;
+    /**
+     * The size of the button.
+     * @default "small"
+     */
+    size: IconButtonSize;
+    /**
+     * The width of the button.
+     * @default "default"
+     */
+    width: IconButtonWidth;
+    /**
+     * Whether the button will toggle between selected and unselected states.
+     * @default false
+     */
+    toggle: boolean;
+    /**
+     * Whether the toggle button is selected.
+     * @default false
+     */
+    selected: boolean;
+    /** Whether the button is contained by a button group. */
+    get grouped(): boolean;
+    /** @inheritdoc */
+    render(): unknown;
+    /** @inheritdoc */
+    connectedCallback(): void;
+    /** @inheritdoc */
+    disconnectedCallback(): void;
+    /** @inheritdoc */
+    protected firstUpdated(_changedProperties: PropertyValues<this>): void;
+    /** @inheritdoc */
+    protected updated(_changedProperties: PropertyValues<this>): void;
+    /** @private */
+    private _handleResize;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "m3e-icon-button": M3eIconButtonElement;
+    }
+}
+export {};
+//# sourceMappingURL=IconButtonElement.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonElement.d.ts","sourceRoot":"","sources":["../../src/IconButtonElement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAQ,UAAU,EAAW,cAAc,EAAE,MAAM,KAAK,CAAC;AAwBhF,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;;AAEpD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuPG;AACH,qBACa,oBAAqB,SAAQ,yBAEzC;;IACC,iCAAiC;IACjC,OAAgB,MAAM,EAAE,cAAc,CAAkE;IAExG,eAAe,CAAiB,OAAO,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAc;IACrE,eAAe,CAAsB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACvF,eAAe,CAAuB,OAAO,CAAC,QAAQ,CAAC,UAAU,CAAC,CAAsB;IACxF,eAAe,CAAwB,OAAO,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAuB;IAC3F,eAAe,CAAmB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAmB;;IA4D9E;;;OAGG;IAC0B,OAAO,EAAE,iBAAiB,CAAc;IAErE;;;OAGG;IAC0B,KAAK,EAAE,eAAe,CAAa;IAEhE;;;OAGG;IAC0B,IAAI,EAAE,cAAc,CAAW;IAE5D;;;OAGG;IAC0B,KAAK,EAAE,eAAe,CAAa;IAEhE;;;OAGG;IACyC,MAAM,UAAS;IAE3D;;;OAGG;IACyC,QAAQ,UAAS;IAE7D,yDAAyD;IACzD,IAAI,OAAO,YAEV;IAED,kBAAkB;IACT,MAAM,IAAI,OAAO;IAsB1B,kBAAkB;IACT,iBAAiB,IAAI,IAAI;IAMlC,kBAAkB;IACT,oBAAoB,IAAI,IAAI;IAYrC,kBAAkB;cACC,YAAY,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAK/E,kBAAkB;cACC,OAAO,CAAC,kBAAkB,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAqB1E,eAAe;IAEf,OAAO,CAAC,aAAa;CA4CtB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,oBAAoB,CAAC;KACzC;CACF"}

package/dist/src/IconButtonShape.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible shape variants of an icon button. */
+export type IconButtonShape = "rounded" | "square";
+//# sourceMappingURL=IconButtonShape.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonShape.d.ts","sourceRoot":"","sources":["../../src/IconButtonShape.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,CAAC"}

package/dist/src/IconButtonSize.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible sizes of an icon button. */
+export type IconButtonSize = "extra-small" | "small" | "medium" | "large" | "extra-large";
+//# sourceMappingURL=IconButtonSize.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonSize.d.ts","sourceRoot":"","sources":["../../src/IconButtonSize.ts"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,MAAM,MAAM,cAAc,GAAG,aAAa,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC"}

package/dist/src/IconButtonVariant.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible appearance variants of an icon button. */
+export type IconButtonVariant = "filled" | "tonal" | "outlined" | "standard";
+//# sourceMappingURL=IconButtonVariant.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonVariant.d.ts","sourceRoot":"","sources":["../../src/IconButtonVariant.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,MAAM,MAAM,iBAAiB,GAAG,QAAQ,GAAG,OAAO,GAAG,UAAU,GAAG,UAAU,CAAC"}

package/dist/src/IconButtonWidth.d.ts

@@ -0,0 +1,3 @@
+/** Specifies the possible width variants of an icon button. */
+export type IconButtonWidth = "default" | "narrow" | "wide";
+//# sourceMappingURL=IconButtonWidth.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonWidth.d.ts","sourceRoot":"","sources":["../../src/IconButtonWidth.ts"],"names":[],"mappings":"AAAA,+DAA+D;AAC/D,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,CAAC"}

package/dist/src/index.d.ts

@@ -0,0 +1,6 @@
+export * from "./IconButtonElement";
+export * from "./IconButtonShape";
+export * from "./IconButtonSize";
+export * from "./IconButtonVariant";
+export * from "./IconButtonWidth";
+//# 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,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC"}

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

@@ -0,0 +1,7 @@
+import { CSSResultGroup } from "lit";
+/**
+ * Size variant styles for `M3eIconButtonElement`.
+ * @internal
+ */
+export declare const IconButtonSizeStyle: CSSResultGroup;
+//# sourceMappingURL=IconButtonSizeStyle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonSizeStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/IconButtonSizeStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,cAAc,EAAa,MAAM,KAAK,CAAC;AAoFhE;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,cAMjC,CAAC"}

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

@@ -0,0 +1,26 @@
+import { CSSResult } from "lit";
+import { IconButtonSize } from "../IconButtonSize";
+/** @private */
+type _IconButtonSizeToken = {
+    containerHeight: CSSResult;
+    outlineThickness: CSSResult;
+    iconSize: CSSResult;
+    shapeRound: CSSResult;
+    shapeSquare: CSSResult;
+    selectedShapeRound: CSSResult;
+    selectedShapeSquare: CSSResult;
+    shapePressedMorph: CSSResult;
+    narrowLeadingSpace: CSSResult;
+    narrowTrailingSpace: CSSResult;
+    defaultLeadingSpace: CSSResult;
+    defaultTrailingSpace: CSSResult;
+    wideLeadingSpace: CSSResult;
+    wideTrailingSpace: CSSResult;
+};
+/**
+ * Component design tokens that control the `M3eIconButtonElement` for all size variants.
+ * @internal
+ */
+export declare const IconButtonSizeToken: Record<IconButtonSize, _IconButtonSizeToken>;
+export {};
+//# sourceMappingURL=IconButtonSizeToken.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonSizeToken.d.ts","sourceRoot":"","sources":["../../../src/styles/IconButtonSizeToken.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,KAAK,CAAC;AAI3C,OAAO,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAEnD,eAAe;AACf,KAAK,oBAAoB,GAAG;IAC1B,eAAe,EAAE,SAAS,CAAC;IAC3B,gBAAgB,EAAE,SAAS,CAAC;IAC5B,QAAQ,EAAE,SAAS,CAAC;IACpB,UAAU,EAAE,SAAS,CAAC;IACtB,WAAW,EAAE,SAAS,CAAC;IACvB,kBAAkB,EAAE,SAAS,CAAC;IAC9B,mBAAmB,EAAE,SAAS,CAAC;IAC/B,iBAAiB,EAAE,SAAS,CAAC;IAC7B,kBAAkB,EAAE,SAAS,CAAC;IAC9B,mBAAmB,EAAE,SAAS,CAAC;IAC/B,mBAAmB,EAAE,SAAS,CAAC;IAC/B,oBAAoB,EAAE,SAAS,CAAC;IAChC,gBAAgB,EAAE,SAAS,CAAC;IAC5B,iBAAiB,EAAE,SAAS,CAAC;CAC9B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,cAAc,EAAE,oBAAoB,CA0LnE,CAAC"}

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

@@ -0,0 +1,7 @@
+import { CSSResultGroup } from "lit";
+/**
+ * Baseline styles for `M3eIconButtonElement`.
+ * @internal
+ */
+export declare const IconButtonStyle: CSSResultGroup;
+//# sourceMappingURL=IconButtonStyle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/IconButtonStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,cAAc,EAAa,MAAM,KAAK,CAAC;AAIrD;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,cA+K7B,CAAC"}

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

@@ -0,0 +1,7 @@
+import { CSSResultGroup } from "lit";
+/**
+ * Appearance variant styles for `M3eIconButtonElement`.
+ * @internal
+ */
+export declare const IconButtonVariantStyle: CSSResultGroup;
+//# sourceMappingURL=IconButtonVariantStyle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonVariantStyle.d.ts","sourceRoot":"","sources":["../../../src/styles/IconButtonVariantStyle.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,cAAc,EAAa,MAAM,KAAK,CAAC;AA2GhE;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,cAWpC,CAAC"}

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

@@ -0,0 +1,61 @@
+import { CSSResult } from "lit";
+import { IconButtonVariant } from "../IconButtonVariant";
+/** @private */
+type _IconButtonVariantToken = {
+    iconColor: CSSResult;
+    containerColor?: CSSResult;
+    containerElevation?: CSSResult;
+    outlineColor?: CSSResult;
+    unselectedIconColor: CSSResult;
+    unselectedContainerColor?: CSSResult;
+    selectedIconColor: CSSResult;
+    selectedContainerColor?: CSSResult;
+    disabled: {
+        containerColor: CSSResult;
+        containerElevation?: CSSResult;
+        containerOpacity: CSSResult;
+        iconColor: CSSResult;
+        iconOpacity: CSSResult;
+        outlineColor?: CSSResult;
+    };
+    hover: {
+        iconColor: CSSResult;
+        stateLayerColor: CSSResult;
+        stateLayerOpacity: CSSResult;
+        containerElevation?: CSSResult;
+        outlineColor?: CSSResult;
+        unselectedIconColor: CSSResult;
+        unselectedStateLayerColor: CSSResult;
+        selectedIconColor: CSSResult;
+        selectedStateLayerColor: CSSResult;
+    };
+    focus: {
+        iconColor: CSSResult;
+        stateLayerColor: CSSResult;
+        stateLayerOpacity: CSSResult;
+        containerElevation?: CSSResult;
+        outlineColor?: CSSResult;
+        unselectedIconColor: CSSResult;
+        unselectedStateLayerColor: CSSResult;
+        selectedIconColor: CSSResult;
+        selectedStateLayerColor: CSSResult;
+    };
+    pressed: {
+        iconColor: CSSResult;
+        stateLayerColor: CSSResult;
+        stateLayerOpacity: CSSResult;
+        containerElevation?: CSSResult;
+        outlineColor?: CSSResult;
+        unselectedIconColor: CSSResult;
+        unselectedStateLayerColor: CSSResult;
+        selectedIconColor: CSSResult;
+        selectedStateLayerColor: CSSResult;
+    };
+};
+/**
+ * Component design tokens that control the appearance variants of `M3eIconButtonElement`.
+ * @internal
+ */
+export declare const IconButtonVariantToken: Record<IconButtonVariant | "elevated", _IconButtonVariantToken>;
+export {};
+//# sourceMappingURL=IconButtonVariantToken.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"IconButtonVariantToken.d.ts","sourceRoot":"","sources":["../../../src/styles/IconButtonVariantToken.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAa,MAAM,KAAK,CAAC;AAI3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAEzD,eAAe;AACf,KAAK,uBAAuB,GAAG;IAC7B,SAAS,EAAE,SAAS,CAAC;IACrB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,kBAAkB,CAAC,EAAE,SAAS,CAAC;IAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,mBAAmB,EAAE,SAAS,CAAC;IAC/B,wBAAwB,CAAC,EAAE,SAAS,CAAC;IACrC,iBAAiB,EAAE,SAAS,CAAC;IAC7B,sBAAsB,CAAC,EAAE,SAAS,CAAC;IACnC,QAAQ,EAAE;QACR,cAAc,EAAE,SAAS,CAAC;QAC1B,kBAAkB,CAAC,EAAE,SAAS,CAAC;QAC/B,gBAAgB,EAAE,SAAS,CAAC;QAC5B,SAAS,EAAE,SAAS,CAAC;QACrB,WAAW,EAAE,SAAS,CAAC;QACvB,YAAY,CAAC,EAAE,SAAS,CAAC;KAC1B,CAAC;IACF,KAAK,EAAE;QACL,SAAS,EAAE,SAAS,CAAC;QACrB,eAAe,EAAE,SAAS,CAAC;QAC3B,iBAAiB,EAAE,SAAS,CAAC;QAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;QAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;QACzB,mBAAmB,EAAE,SAAS,CAAC;QAC/B,yBAAyB,EAAE,SAAS,CAAC;QACrC,iBAAiB,EAAE,SAAS,CAAC;QAC7B,uBAAuB,EAAE,SAAS,CAAC;KACpC,CAAC;IACF,KAAK,EAAE;QACL,SAAS,EAAE,SAAS,CAAC;QACrB,eAAe,EAAE,SAAS,CAAC;QAC3B,iBAAiB,EAAE,SAAS,CAAC;QAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;QAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;QACzB,mBAAmB,EAAE,SAAS,CAAC;QAC/B,yBAAyB,EAAE,SAAS,CAAC;QACrC,iBAAiB,EAAE,SAAS,CAAC;QAC7B,uBAAuB,EAAE,SAAS,CAAC;KACpC,CAAC;IACF,OAAO,EAAE;QACP,SAAS,EAAE,SAAS,CAAC;QACrB,eAAe,EAAE,SAAS,CAAC;QAC3B,iBAAiB,EAAE,SAAS,CAAC;QAC7B,kBAAkB,CAAC,EAAE,SAAS,CAAC;QAC/B,YAAY,CAAC,EAAE,SAAS,CAAC;QACzB,mBAAmB,EAAE,SAAS,CAAC;QAC/B,yBAAyB,EAAE,SAAS,CAAC;QACrC,iBAAiB,EAAE,SAAS,CAAC;QAC7B,uBAAuB,EAAE,SAAS,CAAC;KACpC,CAAC;CACH,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,sBAAsB,EAAE,MAAM,CAAC,iBAAiB,GAAG,UAAU,EAAE,uBAAuB,CAsxBzF,CAAC"}

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

@@ -0,0 +1,4 @@
+export * from "./IconButtonSizeStyle";
+export * from "./IconButtonStyle";
+export * from "./IconButtonVariantStyle";
+//# 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,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@m3e/icon-button",
-  "version": "1.0.0-rc.2",
+  "version": "1.0.0-rc.4",
   "description": "Icon Button 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": {