@easemate/web-kit 0.3.3 → 0.3.5

package/build/react.cjs

@@ -20,10 +20,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/theme/tokens.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/theme/tokens.ts
 var defaultColors, defaultRadii, defaultSpacing, defaultTypography;
 var init_tokens = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/theme/tokens.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/theme/tokens.ts"() {
     "use strict";
     defaultColors = {
       gray: {
@@ -104,6 +104,7 @@ var init_tokens = __esm({
       black: "oklab(0% 0 0)",
       whiteAlpha: {
         0: "oklab(95.14% -0.0013 -0.0186 / 0)",
+        1: "oklab(95.14% -0.0013 -0.0186 / 0.0125)",
         2: "oklab(95.14% -0.0013 -0.0186 / 0.02)",
         4: "oklab(95.14% -0.0013 -0.0186 / 0.04)",
         6: "oklab(95.14% -0.0013 -0.0186 / 0.06)",
@@ -161,10 +162,10 @@ var init_tokens = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/theme/presets.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/theme/presets.ts
 var defaultEaseVars, defaultThemeConfig, DEFAULT_THEME_NAME, DARK_THEME_ALIAS;
 var init_presets = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/theme/presets.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/theme/presets.ts"() {
     "use strict";
     init_tokens();
     defaultEaseVars = {
@@ -185,6 +186,36 @@ var init_presets = __esm({
       "--ease-panel-title-font-weight": "500",
       "--ease-panel-title-line-height": "24px",
       "--ease-panel-title-color": "var(--color-blue-100)",
+      // Panel additional tokens
+      "--ease-panel-gap": "var(--spacing-md)",
+      "--ease-panel-headline-font-size": "var(--ease-font-size)",
+      "--ease-panel-headline-font-weight": "500",
+      "--ease-panel-headline-line-height": "24px",
+      "--ease-panel-headline-color": "var(--color-blue-100)",
+      "--ease-panel-header-spacing": "var(--spacing-sm)",
+      "--ease-panel-fade-size": "12px",
+      // Panel tab tokens
+      "--ease-panel-tab-font-size": "var(--ease-font-size)",
+      "--ease-panel-tab-font-weight": "500",
+      "--ease-panel-tab-color": "var(--color-gray-600)",
+      "--ease-panel-tab-color-hover": "var(--color-blue-100)",
+      "--ease-panel-tab-color-active": "var(--color-blue-100)",
+      "--ease-panel-tab-background-active": "var(--color-white-4)",
+      "--ease-panel-tab-radius": "var(--radii-sm)",
+      // Folder (ease-folder)
+      "--ease-folder-padding": "var(--spacing-sm)",
+      "--ease-folder-radius": "var(--radii-md)",
+      "--ease-folder-border-color": "var(--color-white-4)",
+      "--ease-folder-background": "var(--color-white-1)",
+      "--ease-folder-shadow": "0 0 24px 0 var(--color-white-2) inset",
+      "--ease-folder-icon-color": "var(--color-gray-0)",
+      "--ease-folder-chevron-color": "var(--color-gray-600)",
+      "--ease-folder-chevron-color-hover": "var(--color-gray-400)",
+      "--ease-folder-title-font-size": "var(--ease-font-size)",
+      "--ease-folder-title-font-weight": "500",
+      "--ease-folder-title-color": "var(--color-gray-400)",
+      "--ease-folder-gap": "var(--spacing-sm)",
+      "--ease-folder-fade-size": "16px",
       // Field (ease-field)
       "--ease-field-label-width": "36%",
       "--ease-field-column-gap": "var(--spacing-md)",
@@ -206,7 +237,7 @@ var init_presets = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/theme/registry.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/theme/registry.ts
 function getTheme(theme) {
   if (isThemeConfig(theme)) {
     return theme;
@@ -216,7 +247,7 @@ function getTheme(theme) {
 }
 var registry, mergeConfigs, resolveThemeConfig, initBuiltInThemes, isThemeRef, isThemeConfig;
 var init_registry = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/theme/registry.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/theme/registry.ts"() {
     "use strict";
     init_presets();
     registry = /* @__PURE__ */ new Map();
@@ -330,10 +361,10 @@ var init_registry = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/theme/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/theme/index.ts
 var CSS_PREFIX, RADII_PREFIX, SPACING_PREFIX, TYPOGRAPHY_PREFIX, toVarName, generateColorScaleVars, withAlpha, generateColorVars, resolveThemeTarget, generateRadiiVars, generateSpacingVars, generateTypographyVars, normalizeCustomVarName, generateCustomVars, generateThemeVars, defineTheme, EASE_THEME_ATTRIBUTE, mergeTheme, applyTheme, followSystemTheme;
 var init_theme = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/theme/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/theme/index.ts"() {
     "use strict";
     init_tokens();
     init_presets();
@@ -612,7 +643,7 @@ var init_theme = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/internal/style-inject.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/internal/style-inject.ts
 var style_inject_exports = {};
 __export(style_inject_exports, {
   BASE_CSS: () => BASE_CSS,
@@ -685,7 +716,7 @@ function removePreset(preset) {
 }
 var STYLE_ID_PREFIX, isBrowser, RESET_CSS, BASE_CSS, MAIN_CSS;
 var init_style_inject = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/internal/style-inject.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/internal/style-inject.ts"() {
     "use strict";
     STYLE_ID_PREFIX = "ease-webkit-";
     isBrowser = () => typeof document !== "undefined" && typeof window !== "undefined";
@@ -822,7 +853,7 @@ ${BASE_CSS}`;
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/internal/fonts.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/internal/fonts.ts
 var fonts_exports = {};
 __export(fonts_exports, {
   DEFAULT_FONTS: () => DEFAULT_FONTS,
@@ -909,7 +940,7 @@ function removeFonts(config) {
 }
 var FONT_LINK_ID_PREFIX, PRECONNECT_ID, DEFAULT_FONTS;
 var init_fonts = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/internal/fonts.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/internal/fonts.ts"() {
     "use strict";
     init_style_inject();
     FONT_LINK_ID_PREFIX = "ease-webkit-font-";
@@ -1340,7 +1371,7 @@ var init_Prop = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/button/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/button/index.ts
 var button_exports = {};
 __export(button_exports, {
   Button: () => _Button
@@ -1719,7 +1750,7 @@ function _apply_decs_2203_r(targetClass, memberDecs, classDecs, parentClass) {
 }
 var import_lit_html2, _dec, _initClass, _HTMLElement, _dec1, _dec2, _dec3, _dec4, _dec5, _dec6, _init_disabled, _init_pill, _init_fullWidth, _init_type, _init_block, _init_variant, _initProto, _Button, Button;
 var init_button = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/button/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/button/index.ts"() {
     "use strict";
     import_lit_html2 = require("lit-html");
     init_Component();
@@ -2019,10 +2050,10 @@ var init_button = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/shared.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/shared.ts
 var CONTROL_CHANGE_EVENT, dispatchControlEvent, setBooleanAttribute, coerceNumber;
 var init_shared = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/shared.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/shared.ts"() {
     "use strict";
     CONTROL_CHANGE_EVENT = "control-change";
     dispatchControlEvent = (host, type, detail) => {
@@ -2286,7 +2317,7 @@ var init_Query = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/checkbox/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/checkbox/index.ts
 var checkbox_exports = {};
 __export(checkbox_exports, {
   Checkbox: () => _Checkbox
@@ -2665,7 +2696,7 @@ function _apply_decs_2203_r2(targetClass, memberDecs, classDecs, parentClass) {
 }
 var import_lit_html3, _dec7, _initClass2, _HTMLElement2, _dec12, _dec22, _dec32, _dec42, _dec52, _dec62, _init_checked, _init_name, _init_value, _init_disabled2, _init_control, _initProto2, _Checkbox, Checkbox;
 var init_checkbox = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/checkbox/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/checkbox/index.ts"() {
     "use strict";
     import_lit_html3 = require("lit-html");
     init_shared();
@@ -3059,7 +3090,7 @@ var init_checkbox = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/popover/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/popover/index.ts
 var popover_exports = {};
 __export(popover_exports, {
   Popover: () => _Popover,
@@ -3437,14 +3468,15 @@ function applyDecs2203RFactory3() {
 function _apply_decs_2203_r3(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r3 = applyDecs2203RFactory3())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html4, _dec8, _initClass3, _HTMLElement3, _dec13, _dec23, _dec33, _init_placement, _init_offset, _init_open, _initProto3, nextAnchorName, _Popover, Popover, popover_default;
+var import_lit_html4, _dec8, _initClass3, _HTMLElement3, _dec13, _dec23, _dec33, _dec43, _init_contentElement, _init_placement, _init_offset, _init_open, _initProto3, nextAnchorName, _Popover, Popover, popover_default;
 var init_popover = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/popover/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/popover/index.ts"() {
     "use strict";
     import_lit_html4 = require("lit-html");
     init_Component();
     init_Prop();
-    nextAnchorName = () => `--ease-popover-anchor-${crypto.randomUUID()}`;
+    init_Query();
+    nextAnchorName = () => `--ease-popover-anchor-${crypto.randomUUID().slice(0, 8)}`;
     _dec8 = Component({
       tag: "ease-popover",
       autoSlot: false,
@@ -3453,7 +3485,6 @@ var init_popover = __esm({
     :host {
       display: contents;
       --ease-popover-offset: 8px;
-      --ease-popover-anchor-name: --ease-popover-anchor;
       --ease-popover-transform-origin: center center;
       --ease-popover-duration: 200ms;
       --ease-popover-content-min-width: auto;
@@ -3466,140 +3497,110 @@ var init_popover = __esm({
     }
 
     [part="content"] {
-      position-anchor: var(--ease-popover-anchor-name);
       position: fixed;
+      position-anchor: var(--ease-popover-anchor-name);
       margin: 0;
-      transform-origin: var(--ease-popover-transform-origin);
+      padding: 0;
+      border: none;
+      background: transparent;
+      overflow: visible;
       width: var(--ease-popover-content-width);
       min-width: var(--ease-popover-content-min-width);
       max-width: var(--ease-popover-content-max-width);
       box-sizing: border-box;
-      overscroll-behavior: contain;
-      z-index: 100;
-      display: none;
     }
 
-    :host([open]) [part="content"] {
+    [part="content"]:popover-open {
       display: block;
     }
 
     :host([placement="top-start"]) [part="content"] {
-      position-area: top right;
-      top: anchor(bottom);
-      left: anchor(left);
-      translate: 0 calc(var(--ease-popover-offset) * -1);
+      position-area: top span-right;
+      margin-bottom: var(--ease-popover-offset);
     }
-
     :host([placement="top-center"]) [part="content"] {
       position-area: top center;
-      top: anchor(top);
-      left: anchor(center);
-      translate: 0 calc(var(--ease-popover-offset) * -1);
+      margin-bottom: var(--ease-popover-offset);
     }
-
     :host([placement="top-end"]) [part="content"] {
-      position-area: top right;
-      top: anchor(bottom);
-      right: anchor(right);
-      translate: 0 calc(var(--ease-popover-offset) * -1);
+      position-area: top span-left;
+      margin-bottom: var(--ease-popover-offset);
     }
-
     :host([placement="bottom-start"]) [part="content"] {
-      position-area: bottom right;
-      top: anchor(bottom);
-      left: anchor(left);
-      translate: 0 var(--ease-popover-offset);
+      position-area: bottom span-right;
+      margin-top: var(--ease-popover-offset);
     }
-
     :host([placement="bottom-center"]) [part="content"] {
       position-area: bottom center;
-      top: anchor(bottom);
-      left: anchor(left);
-      translate: 0 var(--ease-popover-offset);
+      margin-top: var(--ease-popover-offset);
     }
-
     :host([placement="bottom-end"]) [part="content"] {
-      position-area: bottom left;
-      top: anchor(bottom);
-      right: anchor(right);
-      translate: 0 var(--ease-popover-offset);
+      position-area: bottom span-left;
+      margin-top: var(--ease-popover-offset);
     }
-
     :host([placement="left-start"]) [part="content"] {
-      position-area: left bottom;
-      top: anchor(top);
-      left: anchor(left);
-      translate: calc(var(--ease-popover-offset) * -1) 0;
+      position-area: left span-bottom;
+      margin-right: var(--ease-popover-offset);
     }
-
     :host([placement="left-center"]) [part="content"] {
       position-area: left center;
-      top: anchor(top);
-      left: anchor(left);
-      translate: calc(var(--ease-popover-offset) * -1) 0;
+      margin-right: var(--ease-popover-offset);
     }
-
     :host([placement="left-end"]) [part="content"] {
-      position-area: left top;
-      top: anchor(top);
-      left: anchor(left);
-      translate: calc(var(--ease-popover-offset) * -1) 0;
+      position-area: left span-top;
+      margin-right: var(--ease-popover-offset);
     }
-
     :host([placement="right-start"]) [part="content"] {
-      position-area: right end;
-      top: anchor(top);
-      left: anchor(right);
-      translate: var(--ease-popover-offset) 0;
+      position-area: right span-bottom;
+      margin-left: var(--ease-popover-offset);
     }
-
     :host([placement="right-center"]) [part="content"] {
       position-area: right center;
-      top: anchor(top);
-      left: anchor(right);
-      translate: var(--ease-popover-offset) 0;
+      margin-left: var(--ease-popover-offset);
     }
-
     :host([placement="right-end"]) [part="content"] {
-      position-area: right start;
-      top: anchor(top);
-      left: anchor(right);
-      translate: var(--ease-popover-offset) 0;
+      position-area: right span-top;
+      margin-left: var(--ease-popover-offset);
     }
   `
-    }), _dec13 = Prop({
+    }), _dec13 = Query('[part="content"]'), _dec23 = Prop({
       reflect: true,
-      defaultValue: "bottom-start",
-      onChange() {
-        this.handlePlacementChange();
-      }
-    }), _dec23 = Prop({
+      defaultValue: "bottom-start"
+    }), _dec33 = Prop({
       type: Number,
       reflect: true,
       defaultValue: 8,
       onChange() {
         this.handleOffsetChange();
       }
-    }), _dec33 = Prop({
+    }), _dec43 = Prop({
       type: Boolean,
-      reflect: true
+      reflect: true,
+      onChange() {
+        this.handleOpenChange();
+      }
     });
     Popover = class extends (_HTMLElement3 = HTMLElement) {
       static {
-        ({ e: [_init_placement, _init_offset, _init_open, _initProto3], c: [_Popover, _initClass3] } = _apply_decs_2203_r3(this, [
+        ({ e: [_init_contentElement, _init_placement, _init_offset, _init_open, _initProto3], c: [_Popover, _initClass3] } = _apply_decs_2203_r3(this, [
           [
             _dec13,
             1,
-            "placement"
+            "contentElement"
           ],
           [
             _dec23,
             1,
-            "offset"
+            "placement"
           ],
           [
             _dec33,
             1,
+            "offset"
+          ],
+          [
+            _dec43,
+            1,
             "open"
           ]
         ], [
@@ -3607,85 +3608,75 @@ var init_popover = __esm({
         ], _HTMLElement3));
       }
       #anchorName;
-      #contentElement;
-      #initialized;
+      #___private_contentElement_1;
       get contentElement() {
-        return this.#contentElement;
+        return this.#___private_contentElement_1;
+      }
+      set contentElement(_v) {
+        this.#___private_contentElement_1 = _v;
       }
-      #___private_placement_1;
+      #___private_placement_2;
       get placement() {
-        return this.#___private_placement_1;
+        return this.#___private_placement_2;
       }
       set placement(_v) {
-        this.#___private_placement_1 = _v;
+        this.#___private_placement_2 = _v;
       }
-      #___private_offset_2;
+      #___private_offset_3;
       get offset() {
-        return this.#___private_offset_2;
+        return this.#___private_offset_3;
       }
       set offset(_v) {
-        this.#___private_offset_2 = _v;
+        this.#___private_offset_3 = _v;
       }
-      #___private_open_3;
+      #___private_open_4;
       get open() {
-        return this.#___private_open_3;
+        return this.#___private_open_4;
       }
       set open(_v) {
-        this.#___private_open_3 = _v;
+        this.#___private_open_4 = _v;
+      }
+      handleOffsetChange() {
+        const offset = Number.isFinite(this.offset) ? this.offset : 8;
+        this.style.setProperty("--ease-popover-offset", `${offset}px`);
+      }
+      handleOpenChange() {
+        const content = this.contentElement;
+        if (!content) {
+          return;
+        }
+        if (this.open) {
+          content.showPopover();
+        } else {
+          content.hidePopover();
+        }
       }
       connectedCallback() {
-        this.#syncAnchorName();
-        this.#syncOffset();
+        this.style.setProperty("--ease-popover-anchor-name", this.#anchorName);
+        this.handleOffsetChange();
       }
-      disconnectedCallback() {
-        this.#contentElement = null;
-        this.#initialized = false;
+      afterRender() {
+        const content = this.contentElement;
+        if (content && this.open) {
+          try {
+            content.showPopover();
+          } catch (_e) {
+          }
+        }
       }
       render() {
         return import_lit_html4.html`
-      <slot slot="trigger" name="trigger"></slot>
-      <div
-        part="content"
-        data-popover-content
-        role="region"
-        data-placement=${this.placement}
-      >
+      <slot name="trigger"></slot>
+      <div part="content" popover="manual" role="region">
         <slot></slot>
       </div>
     `;
       }
-      handlePlacementChange() {
-        if (!this.#initialized) {
-          this.requestRender();
-          return;
-        }
-        this.#syncPlacement();
-      }
-      handleOffsetChange() {
-        if (!this.#initialized) {
-          this.requestRender();
-          return;
-        }
-        this.#syncOffset();
-      }
-      #syncPlacement() {
-        this.dataset.placement = this.placement;
-        if (this.#contentElement) {
-          this.#contentElement.dataset.placement = this.placement;
-        }
-      }
-      #syncOffset() {
-        const offset = Number.isFinite(this.offset) ? this.offset : 0;
-        this.style.setProperty("--ease-popover-offset", `${offset}px`);
-      }
-      #syncAnchorName() {
-        this.style.setProperty("--ease-popover-anchor-name", this.#anchorName);
-      }
       static {
         _initClass3();
       }
       constructor(...args) {
-        super(...args), this.#anchorName = (_initProto3(this), nextAnchorName()), this.#contentElement = null, this.#initialized = false, this.#___private_placement_1 = _init_placement(this), this.#___private_offset_2 = _init_offset(this, 8), this.#___private_open_3 = _init_open(this, false);
+        super(...args), this.#anchorName = (_initProto3(this), nextAnchorName()), this.#___private_contentElement_1 = _init_contentElement(this), this.#___private_placement_2 = _init_placement(this), this.#___private_offset_3 = _init_offset(this, 8), this.#___private_open_4 = _init_open(this, false);
       }
     };
     popover_default = {
@@ -3694,7 +3685,7 @@ var init_popover = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/animation/chevron.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/animation/chevron.ts
 var chevron_exports = {};
 __export(chevron_exports, {
   IconChevron: () => _IconChevron
@@ -4073,7 +4064,7 @@ function _apply_decs_2203_r4(targetClass, memberDecs, classDecs, parentClass) {
 }
 var import_lit_html5, _dec9, _initClass4, _HTMLElement4, _dec14, _init_state, _initProto4, _IconChevron, IconChevron;
 var init_chevron = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/animation/chevron.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/animation/chevron.ts"() {
     "use strict";
     import_lit_html5 = require("lit-html");
     init_Component();
@@ -4163,10 +4154,10 @@ var init_chevron = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/utils/dismiss-controller.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/utils/dismiss-controller.ts
 var DismissController;
 var init_dismiss_controller = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/utils/dismiss-controller.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/utils/dismiss-controller.ts"() {
     "use strict";
     DismissController = class {
       #onDismiss;
@@ -4396,7 +4387,7 @@ var init_OutsideClick = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/dropdown/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/dropdown/index.ts
 var dropdown_exports = {};
 __export(dropdown_exports, {
   Dropdown: () => _Dropdown
@@ -4773,9 +4764,9 @@ function applyDecs2203RFactory5() {
 function _apply_decs_2203_r5(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r5 = applyDecs2203RFactory5())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html6, _dec10, _initClass5, _HTMLElement5, _dec15, _dec24, _dec34, _dec43, _dec53, _dec63, _dec72, _dec82, _dec92, _dec102, _dec11, _dec122, _dec132, _dec142, _dec152, _dec16, _init_open2, _init_disabled3, _init_pill2, _init_headless, _init_searchable, _init_block2, _init_maxHeight, _init_name2, _init_value2, _init_placeholder, _init_placement2, _init_trigger, _init_searchInput, _init_panelContent, _init_contentSlot, _initProto5, nextOptionId, nextPanelId, _Dropdown, Dropdown;
+var import_lit_html6, _dec10, _initClass5, _HTMLElement5, _dec15, _dec24, _dec34, _dec44, _dec53, _dec63, _dec72, _dec82, _dec92, _dec102, _dec11, _dec122, _dec132, _dec142, _dec152, _dec16, _init_open2, _init_disabled3, _init_pill2, _init_headless, _init_searchable, _init_block2, _init_maxHeight, _init_name2, _init_value2, _init_placeholder, _init_placement2, _init_trigger, _init_searchInput, _init_panelContent, _init_contentSlot, _initProto5, nextOptionId, nextPanelId, _Dropdown, Dropdown;
 var init_dropdown = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/dropdown/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/dropdown/index.ts"() {
     "use strict";
     init_popover();
     init_chevron();
@@ -5052,7 +5043,7 @@ var init_dropdown = __esm({
     }), _dec34 = Prop({
       type: Boolean,
       reflect: true
-    }), _dec43 = Prop({
+    }), _dec44 = Prop({
       type: Boolean,
       reflect: true
     }), _dec53 = Prop({
@@ -5111,7 +5102,7 @@ var init_dropdown = __esm({
             "pill"
           ],
           [
-            _dec43,
+            _dec44,
             1,
             "headless"
           ],
@@ -5850,7 +5841,7 @@ var init_dropdown = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/input/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/input/index.ts
 var input_exports = {};
 __export(input_exports, {
   Input: () => _Input
@@ -6227,9 +6218,9 @@ function applyDecs2203RFactory6() {
 function _apply_decs_2203_r6(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r6 = applyDecs2203RFactory6())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html7, _dec17, _initClass6, _HTMLElement6, _dec18, _dec25, _dec35, _dec44, _dec54, _dec64, _dec73, _dec83, _dec93, _dec103, _dec112, _init_value3, _init_placeholder2, _init_type2, _init_name3, _init_disabled4, _init_headless2, _init_control2, _initProto6, _Input, Input;
+var import_lit_html7, _dec17, _initClass6, _HTMLElement6, _dec18, _dec25, _dec35, _dec45, _dec54, _dec64, _dec73, _dec83, _dec93, _dec103, _dec112, _init_value3, _init_placeholder2, _init_type2, _init_name3, _init_disabled4, _init_headless2, _init_control2, _initProto6, _Input, Input;
 var init_input = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/input/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/input/index.ts"() {
     "use strict";
     import_lit_html7 = require("lit-html");
     init_shared();
@@ -6431,7 +6422,7 @@ var init_input = __esm({
     }), _dec35 = Prop({
       reflect: true,
       defaultValue: "text"
-    }), _dec44 = Prop({
+    }), _dec45 = Prop({
       reflect: true
     }), _dec54 = Prop({
       type: Boolean,
@@ -6469,7 +6460,7 @@ var init_input = __esm({
             "type"
           ],
           [
-            _dec44,
+            _dec45,
             1,
             "name"
           ],
@@ -6636,7 +6627,7 @@ var init_input = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/color/utils.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/color/utils.ts
 function hsvToRgb(h, s, v) {
   let hue = (h % 360 + 360) % 360;
   hue /= 60;
@@ -6925,7 +6916,7 @@ function updateHsvFromComponents(hsv, format, index, value) {
 }
 var clamp01, COLOR_FORMATS;
 var init_utils = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/color/utils.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/color/utils.ts"() {
     "use strict";
     clamp01 = (value) => Math.max(0, Math.min(1, value));
     COLOR_FORMATS = [
@@ -6962,7 +6953,7 @@ var init_template_helpers = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/arrows-vertical.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/arrows-vertical.ts
 var arrows_vertical_exports = {};
 __export(arrows_vertical_exports, {
   IconArrowsVertical: () => _IconArrowsVertical
@@ -7341,7 +7332,7 @@ function _apply_decs_2203_r7(targetClass, memberDecs, classDecs, parentClass) {
 }
 var import_lit_html9, _dec19, _initClass7, _HTMLElement7, _IconArrowsVertical, IconArrowsVertical;
 var init_arrows_vertical = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/arrows-vertical.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/arrows-vertical.ts"() {
     "use strict";
     import_lit_html9 = require("lit-html");
     init_Component();
@@ -7380,7 +7371,7 @@ var init_arrows_vertical = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/picker.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/picker.ts
 var picker_exports = {};
 __export(picker_exports, {
   IconPicker: () => _IconPicker
@@ -7759,7 +7750,7 @@ function _apply_decs_2203_r8(targetClass, memberDecs, classDecs, parentClass) {
 }
 var import_lit_html10, _dec20, _initClass8, _HTMLElement8, _IconPicker, IconPicker;
 var init_picker = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/picker.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/picker.ts"() {
     "use strict";
     import_lit_html10 = require("lit-html");
     init_Component();
@@ -7802,7 +7793,7 @@ var init_picker = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/color/picker.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/color/picker.ts
 var picker_exports2 = {};
 __export(picker_exports2, {
   ColorPicker: () => _ColorPicker,
@@ -8180,9 +8171,9 @@ function applyDecs2203RFactory9() {
 function _apply_decs_2203_r9(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r9 = applyDecs2203RFactory9())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html11, _dec21, _initClass9, _HTMLElement9, _dec110, _dec26, _dec36, _dec45, _init_saturationArea, _init_hueArea, _init_hexInput, _init_value4, _initProto7, _ColorPicker, ColorPicker, picker_default;
+var import_lit_html11, _dec21, _initClass9, _HTMLElement9, _dec110, _dec26, _dec36, _dec46, _init_saturationArea, _init_hueArea, _init_hexInput, _init_value4, _initProto7, _ColorPicker, ColorPicker, picker_default;
 var init_picker2 = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/color/picker.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/color/picker.ts"() {
     "use strict";
     import_lit_html11 = require("lit-html");
     init_shared();
@@ -8509,7 +8500,7 @@ var init_picker2 = __esm({
       </div>
     `;
       }
-    }), _dec110 = Query('[part="saturation"]'), _dec26 = Query('[part="hue"]'), _dec36 = Query('[part="hex-input"]'), _dec45 = Prop({
+    }), _dec110 = Query('[part="saturation"]'), _dec26 = Query('[part="hue"]'), _dec36 = Query('[part="hex-input"]'), _dec46 = Prop({
       reflect: true,
       defaultValue: "#FF0000",
       onChange(value) {
@@ -8537,7 +8528,7 @@ var init_picker2 = __esm({
             "hexInput"
           ],
           [
-            _dec45,
+            _dec46,
             1,
             "value"
           ]
@@ -8779,7 +8770,7 @@ var init_picker2 = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/color/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/color/index.ts
 var color_exports = {};
 __export(color_exports, {
   ColorInput: () => _ColorInput
@@ -9156,9 +9147,9 @@ function applyDecs2203RFactory10() {
 function _apply_decs_2203_r10(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r10 = applyDecs2203RFactory10())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html12, _dec27, _initClass10, _HTMLElement10, _dec111, _dec28, _dec37, _dec46, _init_dropdown, _init_value5, _init_disabled5, _init_placement3, _initProto8, _ColorInput, ColorInput;
+var import_lit_html12, _dec27, _initClass10, _HTMLElement10, _dec111, _dec28, _dec37, _dec47, _init_dropdown, _init_value5, _init_disabled5, _init_placement3, _initProto8, _ColorInput, ColorInput;
 var init_color = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/color/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/color/index.ts"() {
     "use strict";
     import_lit_html12 = require("lit-html");
     init_shared();
@@ -9240,7 +9231,7 @@ var init_color = __esm({
     }), _dec37 = Prop({
       type: Boolean,
       reflect: true
-    }), _dec46 = Prop({
+    }), _dec47 = Prop({
       reflect: true,
       defaultValue: "bottom-start"
     });
@@ -9263,7 +9254,7 @@ var init_color = __esm({
             "disabled"
           ],
           [
-            _dec46,
+            _dec47,
             1,
             "placement"
           ]
@@ -9382,7 +9373,7 @@ var init_color = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/minus.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/minus.ts
 var minus_exports = {};
 __export(minus_exports, {
   IconMinus: () => _IconMinus
@@ -9761,7 +9752,7 @@ function _apply_decs_2203_r11(targetClass, memberDecs, classDecs, parentClass) {
 }
 var import_lit_html13, _dec29, _initClass11, _HTMLElement11, _IconMinus, IconMinus;
 var init_minus = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/minus.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/minus.ts"() {
     "use strict";
     import_lit_html13 = require("lit-html");
     init_Component();
@@ -9800,7 +9791,7 @@ var init_minus = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/plus.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/plus.ts
 var plus_exports = {};
 __export(plus_exports, {
   IconPlus: () => _IconPlus
@@ -10179,7 +10170,7 @@ function _apply_decs_2203_r12(targetClass, memberDecs, classDecs, parentClass) {
 }
 var import_lit_html14, _dec30, _initClass12, _HTMLElement12, _IconPlus, IconPlus;
 var init_plus = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/plus.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/plus.ts"() {
     "use strict";
     import_lit_html14 = require("lit-html");
     init_Component();
@@ -10218,7 +10209,7 @@ var init_plus = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/number/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/number/index.ts
 var number_exports = {};
 __export(number_exports, {
   NumberInput: () => _NumberInput
@@ -10595,9 +10586,9 @@ function applyDecs2203RFactory13() {
 function _apply_decs_2203_r13(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r13 = applyDecs2203RFactory13())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html15, _dec31, _initClass13, _HTMLElement13, _dec113, _dec210, _dec38, _dec47, _dec55, _dec65, _dec74, _dec84, _dec94, _init_value6, _init_min, _init_max, _init_step, _init_name4, _init_disabled6, _init_control3, _initProto9, _NumberInput, NumberInput;
+var import_lit_html15, _dec31, _initClass13, _HTMLElement13, _dec113, _dec210, _dec38, _dec48, _dec55, _dec65, _dec74, _dec84, _dec94, _init_value6, _init_min, _init_max, _init_step, _init_name4, _init_disabled6, _init_control3, _initProto9, _NumberInput, NumberInput;
 var init_number = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/number/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/number/index.ts"() {
     "use strict";
     import_lit_html15 = require("lit-html");
     init_shared();
@@ -10699,7 +10690,7 @@ var init_number = __esm({
     }), _dec38 = Prop({
       type: Number,
       reflect: true
-    }), _dec47 = Prop({
+    }), _dec48 = Prop({
       type: Number,
       reflect: true
     }), _dec55 = Prop({
@@ -10731,7 +10722,7 @@ var init_number = __esm({
             "max"
           ],
           [
-            _dec47,
+            _dec48,
             1,
             "step"
           ],
@@ -10888,7 +10879,7 @@ var init_number = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/origin/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/origin/index.ts
 var origin_exports = {};
 __export(origin_exports, {
   Origin: () => _Origin
@@ -11265,9 +11256,9 @@ function applyDecs2203RFactory14() {
 function _apply_decs_2203_r14(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r14 = applyDecs2203RFactory14())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html16, _dec39, _initClass14, _HTMLElement14, _dec114, _dec211, _dec310, _dec48, _dec56, _init_value7, _init_disabled7, _init_control4, _init_name5, _initProto10, _Origin, Origin;
+var import_lit_html16, _dec39, _initClass14, _HTMLElement14, _dec114, _dec211, _dec310, _dec49, _dec56, _init_value7, _init_disabled7, _init_control4, _init_name5, _initProto10, _Origin, Origin;
 var init_origin = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/origin/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/origin/index.ts"() {
     "use strict";
     init_dropdown();
     import_lit_html16 = require("lit-html");
@@ -11414,7 +11405,7 @@ var init_origin = __esm({
     }), _dec211 = Prop({
       type: Boolean,
       reflect: true
-    }), _dec310 = Query("ease-dropdown"), _dec48 = Prop({
+    }), _dec310 = Query("ease-dropdown"), _dec49 = Prop({
       reflect: true,
       defaultValue: ""
     }), _dec56 = Listen("change", {
@@ -11439,7 +11430,7 @@ var init_origin = __esm({
             "control"
           ],
           [
-            _dec48,
+            _dec49,
             1,
             "name"
           ],
@@ -11509,10 +11500,10 @@ var init_origin = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/radio/option.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/radio/option.ts
 var RadioOption;
 var init_option = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/radio/option.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/radio/option.ts"() {
     "use strict";
     RadioOption = class extends HTMLElement {
       connectedCallback() {
@@ -11528,7 +11519,7 @@ var init_option = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/radio/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/radio/index.ts
 var radio_exports = {};
 __export(radio_exports, {
   RadioGroup: () => _RadioGroup,
@@ -11908,7 +11899,7 @@ function _apply_decs_2203_r15(targetClass, memberDecs, classDecs, parentClass) {
 }
 var import_lit_html17, _dec40, _initClass15, _HTMLElement15, _dec115, _dec212, _dec311, _init_value8, _init_groupElement, _init_contentSlot2, _initProto11, nextOptionId2, nextPanelId2, _RadioGroup, RadioGroup;
 var init_radio = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/radio/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/radio/index.ts"() {
     "use strict";
     import_lit_html17 = require("lit-html");
     init_Component();
@@ -12252,7 +12243,7 @@ var init_radio = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/radio/input.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/radio/input.ts
 var input_exports2 = {};
 __export(input_exports2, {
   RadioInput: () => _RadioInput
@@ -12629,9 +12620,9 @@ function applyDecs2203RFactory16() {
 function _apply_decs_2203_r16(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r16 = applyDecs2203RFactory16())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html18, _dec41, _initClass16, _HTMLElement16, _dec116, _dec213, _dec312, _dec49, _dec57, _dec66, _init_checked2, _init_name6, _init_value9, _init_disabled8, _init_control5, _initProto12, _RadioInput, RadioInput;
+var import_lit_html18, _dec41, _initClass16, _HTMLElement16, _dec116, _dec213, _dec312, _dec410, _dec57, _dec66, _init_checked2, _init_name6, _init_value9, _init_disabled8, _init_control5, _initProto12, _RadioInput, RadioInput;
 var init_input2 = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/radio/input.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/radio/input.ts"() {
     "use strict";
     import_lit_html18 = require("lit-html");
     init_shared();
@@ -12898,7 +12889,7 @@ var init_input2 = __esm({
       reflect: true
     }), _dec312 = Prop({
       reflect: true
-    }), _dec49 = Prop({
+    }), _dec410 = Prop({
       type: Boolean,
       reflect: true
     }), _dec57 = Query("button"), _dec66 = Listen("click", {
@@ -12923,7 +12914,7 @@ var init_input2 = __esm({
             "value"
           ],
           [
-            _dec49,
+            _dec410,
             1,
             "disabled"
           ],
@@ -13036,7 +13027,7 @@ var init_input2 = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/slider/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/slider/index.ts
 var slider_exports = {};
 __export(slider_exports, {
   Slider: () => _Slider
@@ -13413,9 +13404,9 @@ function applyDecs2203RFactory17() {
 function _apply_decs_2203_r17(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r17 = applyDecs2203RFactory17())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html19, _dec50, _initClass17, _HTMLElement17, _dec117, _dec214, _dec313, _dec410, _dec58, _dec67, _dec75, _dec85, _dec95, _dec104, _dec118, _init_value10, _init_min2, _init_max2, _init_step2, _init_disabled9, _init_control6, _init_valueControl, _initProto13, _Slider, Slider;
+var import_lit_html19, _dec50, _initClass17, _HTMLElement17, _dec117, _dec214, _dec313, _dec411, _dec58, _dec67, _dec75, _dec85, _dec95, _dec104, _dec118, _init_value10, _init_min2, _init_max2, _init_step2, _init_disabled9, _init_control6, _init_valueControl, _initProto13, _Slider, Slider;
 var init_slider = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/slider/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/slider/index.ts"() {
     "use strict";
     init_input();
     import_lit_html19 = require("lit-html");
@@ -13557,7 +13548,7 @@ var init_slider = __esm({
     }), _dec313 = Prop({
       type: Number,
       reflect: true
-    }), _dec410 = Prop({
+    }), _dec411 = Prop({
       type: Number,
       reflect: true
     }), _dec58 = Prop({
@@ -13593,7 +13584,7 @@ var init_slider = __esm({
             "max"
           ],
           [
-            _dec410,
+            _dec411,
             1,
             "step"
           ],
@@ -13776,7 +13767,7 @@ var init_slider = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/toggle/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/toggle/index.ts
 var toggle_exports = {};
 __export(toggle_exports, {
   Toggle: () => _Toggle
@@ -14153,9 +14144,9 @@ function applyDecs2203RFactory18() {
 function _apply_decs_2203_r18(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r18 = applyDecs2203RFactory18())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html20, _dec51, _initClass18, _HTMLElement18, _dec119, _dec215, _dec314, _dec411, _init_checked3, _init_disabled10, _init_control7, _initProto14, _Toggle, Toggle;
+var import_lit_html20, _dec51, _initClass18, _HTMLElement18, _dec119, _dec215, _dec314, _dec412, _init_checked3, _init_disabled10, _init_control7, _initProto14, _Toggle, Toggle;
 var init_toggle = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/toggle/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/toggle/index.ts"() {
     "use strict";
     import_lit_html20 = require("lit-html");
     init_shared();
@@ -14281,7 +14272,7 @@ var init_toggle = __esm({
     }), _dec215 = Prop({
       type: Boolean,
       reflect: true
-    }), _dec314 = Query("button"), _dec411 = Listen("click", {
+    }), _dec314 = Query("button"), _dec412 = Listen("click", {
       selector: "button"
     });
     Toggle = class extends (_HTMLElement18 = HTMLElement) {
@@ -14303,7 +14294,7 @@ var init_toggle = __esm({
             "control"
           ],
           [
-            _dec411,
+            _dec412,
             2,
             "handleClick"
           ]
@@ -14363,7 +14354,7 @@ var init_toggle = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/field/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/field/index.ts
 var field_exports = {};
 __export(field_exports, {
   Field: () => _Field
@@ -14742,7 +14733,7 @@ function _apply_decs_2203_r19(targetClass, memberDecs, classDecs, parentClass) {
 }
 var import_lit_html21, _dec59, _initClass19, _HTMLElement19, _dec120, _dec216, _init_label, _init_fullWidth2, _initProto15, _Field, Field;
 var init_field = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/field/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/field/index.ts"() {
     "use strict";
     import_lit_html21 = require("lit-html");
     init_Component();
@@ -14758,6 +14749,7 @@ var init_field = __esm({
     }
 
     [part="field"] {
+      scroll-snap-align: start;
       display: grid;
       grid-template-columns: var(--ease-field-label-width, 36%) auto;
       column-gap: var(--ease-field-column-gap, 12px);
@@ -14862,7 +14854,7 @@ var init_field = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/panel/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/panel/index.ts
 var panel_exports = {};
 __export(panel_exports, {
   Panel: () => _Panel
@@ -15239,9 +15231,9 @@ function applyDecs2203RFactory20() {
 function _apply_decs_2203_r20(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r20 = applyDecs2203RFactory20())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html22, _dec60, _initClass20, _HTMLElement20, _dec121, _dec217, _dec315, _dec412, _dec510, _init_activeTab, _init_contentElement, _init_bodyElement, _initProto16, _Panel, Panel;
+var import_lit_html22, _dec60, _initClass20, _HTMLElement20, _dec121, _dec217, _dec315, _dec413, _dec510, _dec68, _dec76, _init_activeTab, _init_headline, _init_maxHeight2, _init_contentElement2, _init_bodyElement, _initProto16, _Panel, Panel;
 var init_panel = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/panel/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/panel/index.ts"() {
     "use strict";
     import_lit_html22 = require("lit-html");
     init_shared();
@@ -15253,22 +15245,29 @@ var init_panel = __esm({
       tag: "ease-panel",
       shadowMode: "open",
       styles: `
-    :host {
-      --ease-panel-transition-duration: 120ms;
-      --ease-panel-transition-easing: cubic-bezier(.25, 0, .5, 1);
+    @property --top-fade {
+      syntax: "<length>";
+      inherits: false;
+      initial-value: 0px;
+    }
+
+    @property --bottom-fade {
+      syntax: "<length>";
+      inherits: false;
+      initial-value: 0px;
     }
 
     [part="section"] {
       display: block;
       width: 100%;
-      max-width: var(--ease-panel-max-width, 332px);
-      border-radius: var(--ease-panel-radius, 12px);
-      border: 1px solid var(--ease-panel-border-color, var(--color-white-6));
+      max-width: var(--ease-panel-max-width);
+      border-radius: var(--ease-panel-radius);
+      border: 1px solid var(--ease-panel-border-color);
       background-clip: padding-box;
-      background: var(--ease-panel-background, var(--color-gray-1000));
-      box-shadow: var(--ease-panel-shadow, 0 0 40px 0 var(--color-white-2) inset);
+      background-color: var(--ease-panel-background);
+      box-shadow: var(--ease-panel-shadow);
       box-sizing: border-box;
-      padding: var(--ease-panel-padding, 12px);
+      padding: var(--ease-panel-padding);
       margin: auto;
     }
 
@@ -15277,7 +15276,7 @@ var init_panel = __esm({
       align-items: center;
       gap: 8px;
       width: 100%;
-      margin-bottom: 12px;
+      margin-bottom: var(--ease-panel-header-spacing);
     }
 
     [part="header"]:not(:has([part="headline"] slot[name="headline"]::slotted(*))):not(:has([part="tabs"]:not(:empty))):not(:has([part="actions"] slot[name="actions"]::slotted(*))) {
@@ -15286,14 +15285,14 @@ var init_panel = __esm({
     }
 
     [part="headline"] {
-      font-size: var(--ease-panel-title-font-size, 14px);
-      font-weight: var(--ease-panel-title-font-weight, 500);
-      line-height: var(--ease-panel-title-line-height, 24px);
-      font-family: var(--ease-font-family, "Instrument Sans", sans-serif);
-      color: var(--ease-panel-title-color, var(--color-blue-100));
+      font-size: var(--ease-panel-title-font-size);
+      font-weight: var(--ease-panel-title-font-weight);
+      line-height: 24px;
+      font-family: var(--ease-font-family);
+      color: var(--ease-panel-title-color);
       margin: 0 0 0 4px;
       flex-grow: 1;
-      text-ellipsis: ellipsis;
+      text-overflow: ellipsis;
       overflow: hidden;
       white-space: nowrap;
     }
@@ -15316,27 +15315,28 @@ var init_panel = __esm({
 
     [part="tab"] {
       appearance: none;
-      font-size: var(--ease-panel-tab-font-size, 13px);
-      font-weight: var(--ease-panel-tab-font-weight, 500);
-      line-height: var(--ease-panel-tab-line-height, 24px);
-      font-family: var(--ease-font-family, "Instrument Sans", sans-serif);
-      color: var(--ease-panel-tab-color, var(--color-gray-600));
-      background: transparent;
+      font-size: var(--ease-panel-tab-font-size);
+      font-weight: var(--ease-panel-tab-font-weight);
+      line-height: 24px;
+      font-family: var(--ease-font-family);
+      color: var(--ease-panel-tab-color);
+      background-color: transparent;
       border: none;
       padding: 4px 8px;
       margin: 0;
       cursor: pointer;
-      border-radius: var(--ease-panel-tab-radius, 6px);
-      transition: color 0.2s, background-color 0.2s;
+      border-radius: var(--ease-panel-tab-radius);
+      transition: color 200ms, background-color 200ms;
+      transition-timing-function: cubic-bezier(.25, 0, .5, 1);
     }
 
     [part="tab"]:hover {
-      color: var(--ease-panel-tab-color-hover, var(--color-blue-100));
+      color: var(--ease-panel-tab-color-hover);
     }
 
     [part="tab"][aria-selected="true"] {
-      color: var(--ease-panel-tab-color-active, var(--color-blue-100));
-      background: var(--ease-panel-tab-background-active, var(--color-white-4));
+      color: var(--ease-panel-tab-color-active);
+      background-color: var(--ease-panel-tab-background-active);
     }
 
     [part="actions"] {
@@ -15348,7 +15348,7 @@ var init_panel = __esm({
 
     slot[name="actions"]::slotted(button),
     slot[name="actions"]::slotted(a) {
-      --ease-icon-size: var(--ease-panel-action-icon-size, 16px);
+      --ease-icon-size: var(--ease-panel-action-icon-size);
 
       appearance: none;
       flex: 0 0 24px;
@@ -15359,7 +15359,8 @@ var init_panel = __esm({
       margin: 0;
       cursor: pointer;
       color: var(--color-gray-600);
-      transition: color 0.2s;
+      transition: color 200ms;
+      transition-timing-function: cubic-bezier(.25, 0, .5, 1);
       text-decoration: none;
       display: flex;
       align-items: center;
@@ -15401,12 +15402,37 @@ var init_panel = __esm({
     }
 
     [part="content"][data-animating="true"] {
-      transition: height var(--ease-panel-transition-duration) var(--ease-panel-transition-easing);
+      transition: height 200ms cubic-bezier(.25, 0, .5, 1);
     }
 
     [part="body"] {
       width: 100%;
       position: relative;
+      overflow-y: auto;
+      mask-image: linear-gradient(to bottom, #0000, #ffff var(--top-fade) calc(100% - var(--bottom-fade)), #0000);
+      animation-name: scroll-fade;
+      animation-timeline: scroll(self y);
+      scroll-snap-type: y mandatory;
+      scrollbar-width: none;
+
+      &::-webkit-scrollbar {
+        display: none;
+      }
+    }
+
+    @keyframes scroll-fade {
+      0% {
+        --top-fade: 0px;
+      }
+      10%, 100% {
+        --top-fade: var(--ease-panel-fade-size);
+      }
+      0%, 90% {
+        --bottom-fade: var(--ease-panel-fade-size);
+      }
+      100% {
+        --bottom-fade: 0px;
+      }
     }
 
     [part="tab-panel"] {
@@ -15430,7 +15456,7 @@ var init_panel = __esm({
       align-items: center;
       justify-content: space-between;
       width: 100%;
-      padding: var(--ease-panel-footer-padding, 12px);
+      padding: var(--ease-panel-footer-padding);
       box-sizing: border-box;
       border-top: 1px solid var(--color-white-4);
 
@@ -15439,10 +15465,9 @@ var init_panel = __esm({
       }
     }
 
-    ::slotted(:not([slot])),
-    ::slotted([slot^="tab-"]) {
+    [part="items"] {
       display: grid;
-      gap: 12px;
+      grid-gap: var(--ease-panel-gap);
       box-sizing: border-box;
       width: 100%;
     }
@@ -15458,14 +15483,22 @@ var init_panel = __esm({
           self.handleActiveTabChange(previous, next);
         }
       }
-    }), _dec217 = Query('[part="content"]'), _dec315 = Query('[part="body"]'), _dec412 = Listen("slotchange", {
+    }), _dec217 = Prop({
+      reflect: true,
+      attribute: "headline",
+      defaultValue: ""
+    }), _dec315 = Prop({
+      reflect: true,
+      attribute: "max-height",
+      defaultValue: null
+    }), _dec413 = Query('[part="content"]'), _dec510 = Query('[part="body"]'), _dec68 = Listen("slotchange", {
       selector: 'slot[name="footer"]'
-    }), _dec510 = Listen("slotchange", {
+    }), _dec76 = Listen("slotchange", {
       selector: "slot:not([name])"
     });
     Panel = class extends (_HTMLElement20 = HTMLElement) {
       static {
-        ({ e: [_init_activeTab, _init_contentElement, _init_bodyElement, _initProto16], c: [_Panel, _initClass20] } = _apply_decs_2203_r20(this, [
+        ({ e: [_init_activeTab, _init_headline, _init_maxHeight2, _init_contentElement2, _init_bodyElement, _initProto16], c: [_Panel, _initClass20] } = _apply_decs_2203_r20(this, [
           [
             _dec121,
             1,
@@ -15474,20 +15507,30 @@ var init_panel = __esm({
           [
             _dec217,
             1,
-            "contentElement"
+            "headline"
           ],
           [
             _dec315,
             1,
+            "maxHeight"
+          ],
+          [
+            _dec413,
+            1,
+            "contentElement"
+          ],
+          [
+            _dec510,
+            1,
             "bodyElement"
           ],
           [
-            _dec412,
+            _dec68,
             2,
             "onFooterSlotChange"
           ],
           [
-            _dec510,
+            _dec76,
             2,
             "onDefaultSlotChange"
           ]
@@ -15504,23 +15547,37 @@ var init_panel = __esm({
       set activeTab(_v) {
         this.#___private_activeTab_1 = _v;
       }
+      #___private_headline_2;
+      get headline() {
+        return this.#___private_headline_2;
+      }
+      set headline(_v) {
+        this.#___private_headline_2 = _v;
+      }
+      #___private_maxHeight_3;
+      get maxHeight() {
+        return this.#___private_maxHeight_3;
+      }
+      set maxHeight(_v) {
+        this.#___private_maxHeight_3 = _v;
+      }
       /** @internal */
       handleActiveTabChange(previous, next) {
         this.performTabAnimation(previous, next);
       }
-      #___private_contentElement_2;
+      #___private_contentElement_4;
       get contentElement() {
-        return this.#___private_contentElement_2;
+        return this.#___private_contentElement_4;
       }
       set contentElement(_v) {
-        this.#___private_contentElement_2 = _v;
+        this.#___private_contentElement_4 = _v;
       }
-      #___private_bodyElement_3;
+      #___private_bodyElement_5;
       get bodyElement() {
-        return this.#___private_bodyElement_3;
+        return this.#___private_bodyElement_5;
       }
       set bodyElement(_v) {
-        this.#___private_bodyElement_3 = _v;
+        this.#___private_bodyElement_5 = _v;
       }
       /**
       * Get the tab configuration
@@ -15548,15 +15605,15 @@ var init_panel = __esm({
         return import_lit_html22.html`
       <section part="section">
         <div part="header">
-          <h3 part="headline"><slot name="headline"></slot></h3>
+          <h3 part="headline">${this.headline}</h3>
           ${this.#renderTabs()}
           <div part="actions">
             <slot name="actions"></slot>
           </div>
         </div>
         <div part="content">
-          <div part="body">
-            ${hasTabs ? this.#renderTabPanels() : import_lit_html22.html`<slot></slot>`}
+          <div part="body" style=${this.maxHeight ? `max-height: ${this.maxHeight};` : ""}>
+            ${hasTabs ? this.#renderTabPanels() : import_lit_html22.html`<div part="items"><slot></slot></div>`}
           </div>
         </div>
         <div part="footer">
@@ -15598,7 +15655,9 @@ var init_panel = __esm({
             data-state=${index === this.activeTab ? "active" : "hidden"}
             data-index=${index}
           >
-            <slot name=${`tab-${tab.id}`}></slot>
+            <div part="items">
+              <slot name=${`tab-${tab.id}`}></slot>
+            </div>
           </div>
         `)}
     `;
@@ -15776,13 +15835,13 @@ var init_panel = __esm({
         _initClass20();
       }
       constructor(...args) {
-        super(...args), this.#tabs = (_initProto16(this), []), this.#isAnimating = false, this.#___private_activeTab_1 = _init_activeTab(this, 0), this.#___private_contentElement_2 = _init_contentElement(this), this.#___private_bodyElement_3 = _init_bodyElement(this);
+        super(...args), this.#tabs = (_initProto16(this), []), this.#isAnimating = false, this.#___private_activeTab_1 = _init_activeTab(this, 0), this.#___private_headline_2 = _init_headline(this, null), this.#___private_maxHeight_3 = _init_maxHeight2(this, null), this.#___private_contentElement_4 = _init_contentElement2(this), this.#___private_bodyElement_5 = _init_bodyElement(this);
       }
     };
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/state/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/state/index.ts
 var state_exports = {};
 __export(state_exports, {
   State: () => _State
@@ -16159,9 +16218,9 @@ function applyDecs2203RFactory21() {
 function _apply_decs_2203_r21(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r21 = applyDecs2203RFactory21())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html23, _dec61, _initClass21, _HTMLElement21, _dec123, _dec218, _dec316, _dec413, _dec511, _init_value11, _init_defaultSlot, _initProto17, readControlValue, getControlName, _State, State;
+var import_lit_html23, _dec61, _initClass21, _HTMLElement21, _dec123, _dec218, _dec316, _dec414, _dec511, _init_value11, _init_defaultSlot, _initProto17, readControlValue, getControlName, _State, State;
 var init_state = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/state/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/state/index.ts"() {
     "use strict";
     import_lit_html23 = require("lit-html");
     init_shared();
@@ -16200,7 +16259,7 @@ var init_state = __esm({
 
     [part="container"] {
       display: grid;
-      gap: var(--ease-state-gap, 12px);
+      grid-gap: var(--ease-panel-gap);
       box-sizing: border-box;
       width: 100%;
     }
@@ -16209,7 +16268,7 @@ var init_state = __esm({
       reflect: true
     }), _dec218 = Query("slot"), _dec316 = Listen("input", {
       target: (host) => host
-    }), _dec413 = Listen("change", {
+    }), _dec414 = Listen("change", {
       target: (host) => host
     }), _dec511 = Listen(CONTROL_CHANGE_EVENT, {
       target: (host) => host
@@ -16233,7 +16292,7 @@ var init_state = __esm({
             "handleInternalInput"
           ],
           [
-            _dec413,
+            _dec414,
             2,
             "handleInternalChange"
           ],
@@ -16454,7 +16513,7 @@ var init_state = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/tooltip/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/tooltip/index.ts
 var tooltip_exports = {};
 __export(tooltip_exports, {
   Tooltip: () => _Tooltip
@@ -16831,9 +16890,9 @@ function applyDecs2203RFactory22() {
 function _apply_decs_2203_r22(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r22 = applyDecs2203RFactory22())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html24, _dec68, _initClass22, _HTMLElement22, _dec124, _dec219, _dec317, _dec414, _dec512, _dec69, _init_open3, _init_delay, _init_placement4, _init_triggerElement, _init_contentElement2, _initProto18, _Tooltip, Tooltip;
+var import_lit_html24, _dec69, _initClass22, _HTMLElement22, _dec124, _dec219, _dec317, _dec415, _dec512, _dec610, _init_open3, _init_delay, _init_placement4, _init_triggerElement, _init_contentElement3, _initProto18, _Tooltip, Tooltip;
 var init_tooltip = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/tooltip/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/tooltip/index.ts"() {
     "use strict";
     init_popover();
     import_lit_html24 = require("lit-html");
@@ -16841,7 +16900,7 @@ var init_tooltip = __esm({
     init_OutsideClick();
     init_Prop();
     init_Query();
-    _dec68 = Component({
+    _dec69 = Component({
       tag: "ease-tooltip",
       shadowMode: "open",
       styles: `
@@ -16884,7 +16943,7 @@ var init_tooltip = __esm({
     }), _dec317 = Prop({
       reflect: true,
       defaultValue: "top-center"
-    }), _dec414 = Query('[slot="trigger"]'), _dec512 = Query("[data-tooltip-content]"), _dec69 = OutsideClick({
+    }), _dec415 = Query('[slot="trigger"]'), _dec512 = Query("[data-tooltip-content]"), _dec610 = OutsideClick({
       content: (host) => host.contentElement,
       triggers: (host) => [
         host.triggerElement
@@ -16893,7 +16952,7 @@ var init_tooltip = __esm({
     });
     Tooltip = class extends (_HTMLElement22 = HTMLElement) {
       static {
-        ({ e: [_init_open3, _init_delay, _init_placement4, _init_triggerElement, _init_contentElement2, _initProto18], c: [_Tooltip, _initClass22] } = _apply_decs_2203_r22(this, [
+        ({ e: [_init_open3, _init_delay, _init_placement4, _init_triggerElement, _init_contentElement3, _initProto18], c: [_Tooltip, _initClass22] } = _apply_decs_2203_r22(this, [
           [
             _dec124,
             1,
@@ -16910,7 +16969,7 @@ var init_tooltip = __esm({
             "placement"
           ],
           [
-            _dec414,
+            _dec415,
             1,
             "triggerElement"
           ],
@@ -16920,12 +16979,12 @@ var init_tooltip = __esm({
             "contentElement"
           ],
           [
-            _dec69,
+            _dec610,
             2,
             "handleOutsideDismiss"
           ]
         ], [
-          _dec68
+          _dec69
         ], _HTMLElement22));
       }
       #hoverTimer;
@@ -17076,7 +17135,7 @@ var init_tooltip = __esm({
         _initClass22();
       }
       constructor(...args) {
-        super(...args), this.#hoverTimer = (_initProto18(this), null), this.#trigger = null, this.#content = null, this.#___private_open_1 = _init_open3(this, false), this.#___private_delay_2 = _init_delay(this, 300), this.#___private_placement_3 = _init_placement4(this, "top-center"), this.#___private_triggerElement_4 = _init_triggerElement(this), this.#___private_contentElement_5 = _init_contentElement2(this), this.#handleEnter = () => {
+        super(...args), this.#hoverTimer = (_initProto18(this), null), this.#trigger = null, this.#content = null, this.#___private_open_1 = _init_open3(this, false), this.#___private_delay_2 = _init_delay(this, 300), this.#___private_placement_3 = _init_placement4(this, "top-center"), this.#___private_triggerElement_4 = _init_triggerElement(this), this.#___private_contentElement_5 = _init_contentElement3(this), this.#handleEnter = () => {
           this.#startTimer(() => {
             this.open = true;
           });
@@ -17095,7 +17154,7 @@ var init_tooltip = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/logo/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/logo/index.ts
 var logo_exports = {};
 __export(logo_exports, {
   LogoLoader: () => _LogoLoader
@@ -17472,9 +17531,9 @@ function applyDecs2203RFactory23() {
 function _apply_decs_2203_r23(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r23 = applyDecs2203RFactory23())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html25, _dec70, _initClass23, _HTMLElement23, _dec125, _dec220, _dec318, _dec415, _init_loading, _init_intro, _init_size, _init_ariaLabel, _initProto19, CENTER, DOTS_DATA, INNER_DOT_IDS, OUTER_DOT_IDS, forceReflow, getAngle, sortByAngle, LOOP_DURATION, ROTATION_DURATION, _LogoLoader, LogoLoader;
+var import_lit_html25, _dec70, _initClass23, _HTMLElement23, _dec125, _dec220, _dec318, _dec416, _init_loading, _init_intro, _init_size, _init_ariaLabel, _initProto19, CENTER, DOTS_DATA, INNER_DOT_IDS, OUTER_DOT_IDS, forceReflow, getAngle, sortByAngle, LOOP_DURATION, ROTATION_DURATION, _LogoLoader, LogoLoader;
 var init_logo = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/logo/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/logo/index.ts"() {
     "use strict";
     import_lit_html25 = require("lit-html");
     init_Component();
@@ -17870,7 +17929,7 @@ var init_logo = __esm({
       type: Number,
       attribute: "size",
       defaultValue: 36
-    }), _dec415 = Prop({
+    }), _dec416 = Prop({
       type: "string",
       attribute: "aria-label",
       defaultValue: null
@@ -17894,7 +17953,7 @@ var init_logo = __esm({
             "size"
           ],
           [
-            _dec415,
+            _dec416,
             1,
             "ariaLabel"
           ]
@@ -18394,7 +18453,7 @@ var init_Watch = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/monitor/fps.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/monitor/fps.ts
 var fps_exports = {};
 __export(fps_exports, {
   MonitorFps: () => _MonitorFps
@@ -18773,7 +18832,7 @@ function _apply_decs_2203_r24(targetClass, memberDecs, classDecs, parentClass) {
 }
 var import_lit_html26, _dec71, _initClass24, _HTMLElement24, _dec126, _dec221, _init_paused, _init_canvasEl, _initProto20, clamp, mean, quantile, computePercentile, computeMedian, formatNumber, formatMs, rateFps, _MonitorFps, MonitorFps;
 var init_fps = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/monitor/fps.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/monitor/fps.ts"() {
     "use strict";
     import_lit_html26 = require("lit-html");
     init_Component();
@@ -19237,7 +19296,7 @@ var init_fps = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/monitor/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/monitor/index.ts
 var monitor_exports = {};
 __export(monitor_exports, {
   Monitor: () => _Monitor
@@ -19614,9 +19673,9 @@ function applyDecs2203RFactory25() {
 function _apply_decs_2203_r25(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r25 = applyDecs2203RFactory25())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html27, _dec76, _initClass25, _HTMLElement25, _dec127, _dec222, _dec319, _init_metrics, _init_network, _initProto21, METRIC_THRESHOLDS, GLOBAL_BENCHMARKS, rateMetric, formatMetric, formatBytes, estimateCarbonFootprint, _Monitor, Monitor;
+var import_lit_html27, _dec77, _initClass25, _HTMLElement25, _dec127, _dec222, _dec319, _init_metrics, _init_network, _initProto21, METRIC_THRESHOLDS, GLOBAL_BENCHMARKS, rateMetric, formatMetric, formatBytes, estimateCarbonFootprint, _Monitor, Monitor;
 var init_monitor = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/monitor/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/monitor/index.ts"() {
     "use strict";
     import_lit_html27 = require("lit-html");
     init_Component();
@@ -19732,7 +19791,7 @@ var init_monitor = __esm({
       const emissions = totalBytes / 1e9 * 0.81;
       return `${emissions.toFixed(3)}g CO2 eq.`;
     };
-    _dec76 = Component({
+    _dec77 = Component({
       tag: "ease-monitor",
       styles: `
     :host {
@@ -19876,7 +19935,7 @@ var init_monitor = __esm({
             "handleFpsUpdate"
           ]
         ], [
-          _dec76
+          _dec77
         ], _HTMLElement25));
       }
       #___private_metrics_1;
@@ -20393,7 +20452,7 @@ var init_monitor = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/anchor-add.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/anchor-add.ts
 var anchor_add_exports = {};
 __export(anchor_add_exports, {
   IconAnchorAdd: () => _IconAnchorAdd
@@ -20770,13 +20829,13 @@ function applyDecs2203RFactory26() {
 function _apply_decs_2203_r26(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r26 = applyDecs2203RFactory26())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html28, _dec77, _initClass26, _HTMLElement26, _IconAnchorAdd, IconAnchorAdd;
+var import_lit_html28, _dec78, _initClass26, _HTMLElement26, _IconAnchorAdd, IconAnchorAdd;
 var init_anchor_add = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/anchor-add.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/anchor-add.ts"() {
     "use strict";
     import_lit_html28 = require("lit-html");
     init_Component();
-    _dec77 = Component({
+    _dec78 = Component({
       tag: "ease-icon-anchor-add",
       styles: `
     :host {
@@ -20806,7 +20865,7 @@ var init_anchor_add = __esm({
     IconAnchorAdd = class extends (_HTMLElement26 = HTMLElement) {
       static {
         ({ c: [_IconAnchorAdd, _initClass26] } = _apply_decs_2203_r26(this, [], [
-          _dec77
+          _dec78
         ], _HTMLElement26));
       }
       static {
@@ -20816,7 +20875,7 @@ var init_anchor_add = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/anchor-remove.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/anchor-remove.ts
 var anchor_remove_exports = {};
 __export(anchor_remove_exports, {
   IconAnchorRemove: () => _IconAnchorRemove
@@ -21193,13 +21252,13 @@ function applyDecs2203RFactory27() {
 function _apply_decs_2203_r27(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r27 = applyDecs2203RFactory27())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html29, _dec78, _initClass27, _HTMLElement27, _IconAnchorRemove, IconAnchorRemove;
+var import_lit_html29, _dec79, _initClass27, _HTMLElement27, _IconAnchorRemove, IconAnchorRemove;
 var init_anchor_remove = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/anchor-remove.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/anchor-remove.ts"() {
     "use strict";
     import_lit_html29 = require("lit-html");
     init_Component();
-    _dec78 = Component({
+    _dec79 = Component({
       tag: "ease-icon-anchor-remove",
       styles: `
     :host {
@@ -21228,7 +21287,7 @@ var init_anchor_remove = __esm({
     IconAnchorRemove = class extends (_HTMLElement27 = HTMLElement) {
       static {
         ({ c: [_IconAnchorRemove, _initClass27] } = _apply_decs_2203_r27(this, [], [
-          _dec78
+          _dec79
         ], _HTMLElement27));
       }
       static {
@@ -21238,7 +21297,7 @@ var init_anchor_remove = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/arrow-up.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/arrow-up.ts
 var arrow_up_exports = {};
 __export(arrow_up_exports, {
   ArrowUp: () => _ArrowUp
@@ -21615,13 +21674,13 @@ function applyDecs2203RFactory28() {
 function _apply_decs_2203_r28(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r28 = applyDecs2203RFactory28())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html30, _dec79, _initClass28, _HTMLElement28, _ArrowUp, ArrowUp;
+var import_lit_html30, _dec80, _initClass28, _HTMLElement28, _ArrowUp, ArrowUp;
 var init_arrow_up = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/arrow-up.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/arrow-up.ts"() {
     "use strict";
     import_lit_html30 = require("lit-html");
     init_Component();
-    _dec79 = Component({
+    _dec80 = Component({
       tag: "ease-icon-arrow-up",
       styles: `
     :host {
@@ -21646,7 +21705,7 @@ var init_arrow_up = __esm({
     ArrowUp = class extends (_HTMLElement28 = HTMLElement) {
       static {
         ({ c: [_ArrowUp, _initClass28] } = _apply_decs_2203_r28(this, [], [
-          _dec79
+          _dec80
         ], _HTMLElement28));
       }
       static {
@@ -21656,7 +21715,7 @@ var init_arrow_up = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/bezier.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/bezier.ts
 var bezier_exports = {};
 __export(bezier_exports, {
   IconBezier: () => _IconBezier
@@ -22033,13 +22092,13 @@ function applyDecs2203RFactory29() {
 function _apply_decs_2203_r29(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r29 = applyDecs2203RFactory29())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html31, _dec80, _initClass29, _HTMLElement29, _IconBezier, IconBezier;
+var import_lit_html31, _dec81, _initClass29, _HTMLElement29, _IconBezier, IconBezier;
 var init_bezier = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/bezier.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/bezier.ts"() {
     "use strict";
     import_lit_html31 = require("lit-html");
     init_Component();
-    _dec80 = Component({
+    _dec81 = Component({
       tag: "ease-icon-bezier",
       styles: `
     :host {
@@ -22060,7 +22119,7 @@ var init_bezier = __esm({
     IconBezier = class extends (_HTMLElement29 = HTMLElement) {
       static {
         ({ c: [_IconBezier, _initClass29] } = _apply_decs_2203_r29(this, [], [
-          _dec80
+          _dec81
         ], _HTMLElement29));
       }
       static {
@@ -22070,7 +22129,7 @@ var init_bezier = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/bezier-angle.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/bezier-angle.ts
 var bezier_angle_exports = {};
 __export(bezier_angle_exports, {
   IconBezierAngle: () => _IconBezierAngle
@@ -22447,13 +22506,13 @@ function applyDecs2203RFactory30() {
 function _apply_decs_2203_r30(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r30 = applyDecs2203RFactory30())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html32, _dec81, _initClass30, _HTMLElement30, _IconBezierAngle, IconBezierAngle;
+var import_lit_html32, _dec86, _initClass30, _HTMLElement30, _IconBezierAngle, IconBezierAngle;
 var init_bezier_angle = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/bezier-angle.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/bezier-angle.ts"() {
     "use strict";
     import_lit_html32 = require("lit-html");
     init_Component();
-    _dec81 = Component({
+    _dec86 = Component({
       tag: "ease-icon-bezier-angle",
       styles: `
     :host {
@@ -22481,7 +22540,7 @@ var init_bezier_angle = __esm({
     IconBezierAngle = class extends (_HTMLElement30 = HTMLElement) {
       static {
         ({ c: [_IconBezierAngle, _initClass30] } = _apply_decs_2203_r30(this, [], [
-          _dec81
+          _dec86
         ], _HTMLElement30));
       }
       static {
@@ -22491,7 +22550,7 @@ var init_bezier_angle = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/bezier-distribute.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/bezier-distribute.ts
 var bezier_distribute_exports = {};
 __export(bezier_distribute_exports, {
   IconBezierDistribute: () => _IconBezierDistribute
@@ -22868,13 +22927,13 @@ function applyDecs2203RFactory31() {
 function _apply_decs_2203_r31(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r31 = applyDecs2203RFactory31())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html33, _dec86, _initClass31, _HTMLElement31, _IconBezierDistribute, IconBezierDistribute;
+var import_lit_html33, _dec87, _initClass31, _HTMLElement31, _IconBezierDistribute, IconBezierDistribute;
 var init_bezier_distribute = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/bezier-distribute.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/bezier-distribute.ts"() {
     "use strict";
     import_lit_html33 = require("lit-html");
     init_Component();
-    _dec86 = Component({
+    _dec87 = Component({
       tag: "ease-icon-bezier-distribute",
       styles: `
     :host {
@@ -22903,7 +22962,7 @@ var init_bezier_distribute = __esm({
     IconBezierDistribute = class extends (_HTMLElement31 = HTMLElement) {
       static {
         ({ c: [_IconBezierDistribute, _initClass31] } = _apply_decs_2203_r31(this, [], [
-          _dec86
+          _dec87
         ], _HTMLElement31));
       }
       static {
@@ -22913,7 +22972,7 @@ var init_bezier_distribute = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/bezier-length.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/bezier-length.ts
 var bezier_length_exports = {};
 __export(bezier_length_exports, {
   IconBezierLength: () => _IconBezierLength
@@ -23290,13 +23349,13 @@ function applyDecs2203RFactory32() {
 function _apply_decs_2203_r32(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r32 = applyDecs2203RFactory32())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html34, _dec87, _initClass32, _HTMLElement32, _IconBezierLength, IconBezierLength;
+var import_lit_html34, _dec88, _initClass32, _HTMLElement32, _IconBezierLength, IconBezierLength;
 var init_bezier_length = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/bezier-length.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/bezier-length.ts"() {
     "use strict";
     import_lit_html34 = require("lit-html");
     init_Component();
-    _dec87 = Component({
+    _dec88 = Component({
       tag: "ease-icon-bezier-length",
       styles: `
     :host {
@@ -23322,7 +23381,7 @@ var init_bezier_length = __esm({
     IconBezierLength = class extends (_HTMLElement32 = HTMLElement) {
       static {
         ({ c: [_IconBezierLength, _initClass32] } = _apply_decs_2203_r32(this, [], [
-          _dec87
+          _dec88
         ], _HTMLElement32));
       }
       static {
@@ -23332,7 +23391,7 @@ var init_bezier_length = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/bezier-mirror.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/bezier-mirror.ts
 var bezier_mirror_exports = {};
 __export(bezier_mirror_exports, {
   IconBezierMirror: () => _IconBezierMirror
@@ -23709,13 +23768,13 @@ function applyDecs2203RFactory33() {
 function _apply_decs_2203_r33(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r33 = applyDecs2203RFactory33())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html35, _dec88, _initClass33, _HTMLElement33, _IconBezierMirror, IconBezierMirror;
+var import_lit_html35, _dec89, _initClass33, _HTMLElement33, _IconBezierMirror, IconBezierMirror;
 var init_bezier_mirror = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/bezier-mirror.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/bezier-mirror.ts"() {
     "use strict";
     import_lit_html35 = require("lit-html");
     init_Component();
-    _dec88 = Component({
+    _dec89 = Component({
       tag: "ease-icon-bezier-mirror",
       styles: `
     :host {
@@ -23741,7 +23800,7 @@ var init_bezier_mirror = __esm({
     IconBezierMirror = class extends (_HTMLElement33 = HTMLElement) {
       static {
         ({ c: [_IconBezierMirror, _initClass33] } = _apply_decs_2203_r33(this, [], [
-          _dec88
+          _dec89
         ], _HTMLElement33));
       }
       static {
@@ -23751,7 +23810,7 @@ var init_bezier_mirror = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/check.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/check.ts
 var check_exports = {};
 __export(check_exports, {
   IconCheck: () => _IconCheck
@@ -24128,13 +24187,13 @@ function applyDecs2203RFactory34() {
 function _apply_decs_2203_r34(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r34 = applyDecs2203RFactory34())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html36, _dec89, _initClass34, _HTMLElement34, _IconCheck, IconCheck;
+var import_lit_html36, _dec90, _initClass34, _HTMLElement34, _IconCheck, IconCheck;
 var init_check = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/check.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/check.ts"() {
     "use strict";
     import_lit_html36 = require("lit-html");
     init_Component();
-    _dec89 = Component({
+    _dec90 = Component({
       tag: "ease-icon-check",
       styles: `
     :host {
@@ -24159,7 +24218,7 @@ var init_check = __esm({
     IconCheck = class extends (_HTMLElement34 = HTMLElement) {
       static {
         ({ c: [_IconCheck, _initClass34] } = _apply_decs_2203_r34(this, [], [
-          _dec89
+          _dec90
         ], _HTMLElement34));
       }
       static {
@@ -24169,7 +24228,7 @@ var init_check = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/circle-arrow-left.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/circle-arrow-left.ts
 var circle_arrow_left_exports = {};
 __export(circle_arrow_left_exports, {
   IconCircleArrowLeft: () => _IconCircleArrowLeft
@@ -24546,13 +24605,13 @@ function applyDecs2203RFactory35() {
 function _apply_decs_2203_r35(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r35 = applyDecs2203RFactory35())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html37, _dec90, _initClass35, _HTMLElement35, _IconCircleArrowLeft, IconCircleArrowLeft;
+var import_lit_html37, _dec91, _initClass35, _HTMLElement35, _IconCircleArrowLeft, IconCircleArrowLeft;
 var init_circle_arrow_left = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/circle-arrow-left.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/circle-arrow-left.ts"() {
     "use strict";
     import_lit_html37 = require("lit-html");
     init_Component();
-    _dec90 = Component({
+    _dec91 = Component({
       tag: "ease-icon-circle-arrow-left",
       styles: `
     :host {
@@ -24577,7 +24636,7 @@ var init_circle_arrow_left = __esm({
     IconCircleArrowLeft = class extends (_HTMLElement35 = HTMLElement) {
       static {
         ({ c: [_IconCircleArrowLeft, _initClass35] } = _apply_decs_2203_r35(this, [], [
-          _dec90
+          _dec91
         ], _HTMLElement35));
       }
       static {
@@ -24587,7 +24646,7 @@ var init_circle_arrow_left = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/circle-arrow-right.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/circle-arrow-right.ts
 var circle_arrow_right_exports = {};
 __export(circle_arrow_right_exports, {
   IconCircleArrowRight: () => _IconCircleArrowRight
@@ -24964,13 +25023,13 @@ function applyDecs2203RFactory36() {
 function _apply_decs_2203_r36(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r36 = applyDecs2203RFactory36())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html38, _dec91, _initClass36, _HTMLElement36, _IconCircleArrowRight, IconCircleArrowRight;
+var import_lit_html38, _dec96, _initClass36, _HTMLElement36, _IconCircleArrowRight, IconCircleArrowRight;
 var init_circle_arrow_right = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/circle-arrow-right.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/circle-arrow-right.ts"() {
     "use strict";
     import_lit_html38 = require("lit-html");
     init_Component();
-    _dec91 = Component({
+    _dec96 = Component({
       tag: "ease-icon-circle-arrow-right",
       styles: `
     :host {
@@ -24995,7 +25054,7 @@ var init_circle_arrow_right = __esm({
     IconCircleArrowRight = class extends (_HTMLElement36 = HTMLElement) {
       static {
         ({ c: [_IconCircleArrowRight, _initClass36] } = _apply_decs_2203_r36(this, [], [
-          _dec91
+          _dec96
         ], _HTMLElement36));
       }
       static {
@@ -25005,7 +25064,7 @@ var init_circle_arrow_right = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/animation/clear.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/animation/clear.ts
 var clear_exports = {};
 __export(clear_exports, {
   IconClear: () => _IconClear
@@ -25382,13 +25441,13 @@ function applyDecs2203RFactory37() {
 function _apply_decs_2203_r37(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r37 = applyDecs2203RFactory37())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html39, _dec96, _initClass37, _HTMLElement37, _IconClear, IconClear;
+var import_lit_html39, _dec97, _initClass37, _HTMLElement37, _IconClear, IconClear;
 var init_clear = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/animation/clear.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/animation/clear.ts"() {
     "use strict";
     import_lit_html39 = require("lit-html");
     init_Component();
-    _dec96 = Component({
+    _dec97 = Component({
       tag: "ease-icon-clear",
       styles: `
     :host {
@@ -25457,7 +25516,7 @@ var init_clear = __esm({
     IconClear = class extends (_HTMLElement37 = HTMLElement) {
       static {
         ({ c: [_IconClear, _initClass37] } = _apply_decs_2203_r37(this, [], [
-          _dec96
+          _dec97
         ], _HTMLElement37));
       }
       static {
@@ -25467,7 +25526,7 @@ var init_clear = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/code.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/code.ts
 var code_exports = {};
 __export(code_exports, {
   IconCode: () => _IconCode
@@ -25844,13 +25903,13 @@ function applyDecs2203RFactory38() {
 function _apply_decs_2203_r38(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r38 = applyDecs2203RFactory38())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html40, _dec97, _initClass38, _HTMLElement38, _IconCode, IconCode;
+var import_lit_html40, _dec98, _initClass38, _HTMLElement38, _IconCode, IconCode;
 var init_code = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/code.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/code.ts"() {
     "use strict";
     import_lit_html40 = require("lit-html");
     init_Component();
-    _dec97 = Component({
+    _dec98 = Component({
       tag: "ease-icon-code",
       styles: `
     :host {
@@ -25875,7 +25934,7 @@ var init_code = __esm({
     IconCode = class extends (_HTMLElement38 = HTMLElement) {
       static {
         ({ c: [_IconCode, _initClass38] } = _apply_decs_2203_r38(this, [], [
-          _dec97
+          _dec98
         ], _HTMLElement38));
       }
       static {
@@ -25885,7 +25944,7 @@ var init_code = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/dots.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/dots.ts
 var dots_exports = {};
 __export(dots_exports, {
   IconDots: () => _IconDots
@@ -26262,13 +26321,13 @@ function applyDecs2203RFactory39() {
 function _apply_decs_2203_r39(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r39 = applyDecs2203RFactory39())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html41, _dec98, _initClass39, _HTMLElement39, _IconDots, IconDots;
+var import_lit_html41, _dec99, _initClass39, _HTMLElement39, _IconDots, IconDots;
 var init_dots = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/dots.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/dots.ts"() {
     "use strict";
     import_lit_html41 = require("lit-html");
     init_Component();
-    _dec98 = Component({
+    _dec99 = Component({
       tag: "ease-icon-dots",
       styles: `
     :host {
@@ -26295,7 +26354,7 @@ var init_dots = __esm({
     IconDots = class extends (_HTMLElement39 = HTMLElement) {
       static {
         ({ c: [_IconDots, _initClass39] } = _apply_decs_2203_r39(this, [], [
-          _dec98
+          _dec99
         ], _HTMLElement39));
       }
       static {
@@ -26305,7 +26364,7 @@ var init_dots = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/animation/grid.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/animation/grid.ts
 var grid_exports = {};
 __export(grid_exports, {
   IconGrid: () => _IconGrid
@@ -26682,14 +26741,14 @@ function applyDecs2203RFactory40() {
 function _apply_decs_2203_r40(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r40 = applyDecs2203RFactory40())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html42, _dec99, _initClass40, _HTMLElement40, _dec128, _init_state2, _initProto22, _IconGrid, IconGrid;
+var import_lit_html42, _dec100, _initClass40, _HTMLElement40, _dec128, _init_state2, _initProto22, _IconGrid, IconGrid;
 var init_grid = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/animation/grid.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/animation/grid.ts"() {
     "use strict";
     import_lit_html42 = require("lit-html");
     init_Component();
     init_Prop();
-    _dec99 = Component({
+    _dec100 = Component({
       tag: "ease-icon-grid",
       styles: `
     :host {
@@ -26748,7 +26807,7 @@ var init_grid = __esm({
             "state"
           ]
         ], [
-          _dec99
+          _dec100
         ], _HTMLElement40));
       }
       #___private_state_1;
@@ -26786,7 +26845,7 @@ var init_grid = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/animation/loading.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/animation/loading.ts
 var loading_exports = {};
 __export(loading_exports, {
   Loading: () => _Loading
@@ -27163,13 +27222,13 @@ function applyDecs2203RFactory41() {
 function _apply_decs_2203_r41(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r41 = applyDecs2203RFactory41())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html43, _dec100, _initClass41, _HTMLElement41, _Loading, Loading;
+var import_lit_html43, _dec101, _initClass41, _HTMLElement41, _Loading, Loading;
 var init_loading = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/animation/loading.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/animation/loading.ts"() {
     "use strict";
     import_lit_html43 = require("lit-html");
     init_Component();
-    _dec100 = Component({
+    _dec101 = Component({
       tag: "ease-icon-loading",
       styles: `
     :host {
@@ -27232,7 +27291,7 @@ var init_loading = __esm({
     Loading = class extends (_HTMLElement41 = HTMLElement) {
       static {
         ({ c: [_Loading, _initClass41] } = _apply_decs_2203_r41(this, [], [
-          _dec100
+          _dec101
         ], _HTMLElement41));
       }
       static {
@@ -27242,7 +27301,7 @@ var init_loading = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/mention.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/mention.ts
 var mention_exports = {};
 __export(mention_exports, {
   IconMention: () => _IconMention
@@ -27619,13 +27678,13 @@ function applyDecs2203RFactory42() {
 function _apply_decs_2203_r42(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r42 = applyDecs2203RFactory42())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html44, _dec101, _initClass42, _HTMLElement42, _IconMention, IconMention;
+var import_lit_html44, _dec105, _initClass42, _HTMLElement42, _IconMention, IconMention;
 var init_mention = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/mention.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/mention.ts"() {
     "use strict";
     import_lit_html44 = require("lit-html");
     init_Component();
-    _dec101 = Component({
+    _dec105 = Component({
       tag: "ease-icon-mention",
       styles: `
     :host {
@@ -27650,7 +27709,7 @@ var init_mention = __esm({
     IconMention = class extends (_HTMLElement42 = HTMLElement) {
       static {
         ({ c: [_IconMention, _initClass42] } = _apply_decs_2203_r42(this, [], [
-          _dec101
+          _dec105
         ], _HTMLElement42));
       }
       static {
@@ -27660,7 +27719,7 @@ var init_mention = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/settings.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/settings.ts
 var settings_exports = {};
 __export(settings_exports, {
   Settings: () => _Settings
@@ -28037,13 +28096,13 @@ function applyDecs2203RFactory43() {
 function _apply_decs_2203_r43(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r43 = applyDecs2203RFactory43())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html45, _dec105, _initClass43, _HTMLElement43, _Settings, Settings;
+var import_lit_html45, _dec106, _initClass43, _HTMLElement43, _Settings, Settings;
 var init_settings = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/interface/settings.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/interface/settings.ts"() {
     "use strict";
     import_lit_html45 = require("lit-html");
     init_Component();
-    _dec105 = Component({
+    _dec106 = Component({
       tag: "ease-icon-settings",
       styles: `
     :host {
@@ -28068,7 +28127,7 @@ var init_settings = __esm({
     Settings = class extends (_HTMLElement43 = HTMLElement) {
       static {
         ({ c: [_Settings, _initClass43] } = _apply_decs_2203_r43(this, [], [
-          _dec105
+          _dec106
         ], _HTMLElement43));
       }
       static {
@@ -28078,7 +28137,7 @@ var init_settings = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/animation/snap.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/animation/snap.ts
 var snap_exports = {};
 __export(snap_exports, {
   Snap: () => _Snap
@@ -28455,14 +28514,14 @@ function applyDecs2203RFactory44() {
 function _apply_decs_2203_r44(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r44 = applyDecs2203RFactory44())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html46, _dec106, _initClass44, _HTMLElement44, _dec129, _init_state3, _initProto23, _Snap, Snap;
+var import_lit_html46, _dec107, _initClass44, _HTMLElement44, _dec129, _init_state3, _initProto23, _Snap, Snap;
 var init_snap = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/elements/icons/animation/snap.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/elements/icons/animation/snap.ts"() {
     "use strict";
     import_lit_html46 = require("lit-html");
     init_Component();
     init_Prop();
-    _dec106 = Component({
+    _dec107 = Component({
       tag: "ease-icon-snap",
       styles: `
     :host {
@@ -28563,7 +28622,7 @@ var init_snap = __esm({
             "state"
           ]
         ], [
-          _dec106
+          _dec107
         ], _HTMLElement44));
       }
       #___private_state_1;
@@ -28615,10 +28674,10 @@ var init_snap = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/bezier-conversion.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/bezier-conversion.ts
 var cubicBezierToLinearPoints;
 var init_bezier_conversion = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/bezier-conversion.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/bezier-conversion.ts"() {
     "use strict";
     cubicBezierToLinearPoints = (points) => {
       const start = {
@@ -28645,10 +28704,10 @@ var init_bezier_conversion = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/styles.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/styles.ts
 var canvasStyles, controlsStyles, outputStyles, containerStyles, canvasControlsStyles, toolbarStyles;
 var init_styles = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/styles.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/styles.ts"() {
     "use strict";
     canvasStyles = `
   :host {
@@ -29143,10 +29202,10 @@ var init_styles = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/types.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/types.ts
 var EasingType, MIN_LINEAR_POINTS, MAX_LINEAR_POINTS;
 var init_types = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/types.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/types.ts"() {
     "use strict";
     EasingType = /* @__PURE__ */ (function(EasingType2) {
       EasingType2["CUBIC_BEZIER"] = "cubic-bezier";
@@ -29158,10 +29217,10 @@ var init_types = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/utils.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/utils.ts
 var clampPoint, MIN_LINEAR_DELTA, linearPointIdCounter, nextLinearPointId, ensureLinearPointId, cloneLinearPoint, cubicBezierPath, linearDisplayPath, perpendicularDistance, simplifyPoints, generateCubicBezierCSS, getLinearApproximation, generateLinearCSS, cubicBezier, normalizeLinearPoints, clamp012, parseCubicBezierValue, ensureStopPositions, parseLinearTimingFunction, vectorLength, normalizeVector, smoothLinearPoints;
 var init_utils2 = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/utils.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/utils.ts"() {
     "use strict";
     clampPoint = (point, bounds) => {
       const minX = bounds?.minX ?? 0;
@@ -29689,10 +29748,10 @@ var init_utils2 = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/constants.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/constants.ts
 var HIT_AREA_RADIUS, LINEAR_HIT_THRESHOLD, LINEAR_PATH_SAMPLES, DRAG_ACTIVATION_DISTANCE_PX, DRAG_ACTIVATION_DISTANCE_PX_SQUARED, DEFAULT_HANDLE_LENGTH, SVG_WIDTH, SVG_HEIGHT, BEZIER_CONTROL_MIN_Y, BEZIER_CONTROL_MAX_Y, EASING_PRESETS;
 var init_constants = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/constants.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/constants.ts"() {
     "use strict";
     HIT_AREA_RADIUS = 12;
     LINEAR_HIT_THRESHOLD = 0.1;
@@ -29894,10 +29953,10 @@ var init_constants = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/svg-renderer.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/svg-renderer.ts
 var import_lit_html47, generateGridLines;
 var init_svg_renderer = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/svg-renderer.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/svg-renderer.ts"() {
     "use strict";
     import_lit_html47 = require("lit-html");
     init_constants();
@@ -29955,7 +30014,7 @@ var init_shared2 = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/canvas.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/canvas.ts
 function applyDecs2203RFactory45() {
   function createAddInitializerMethod(initializers, decoratorFinishedRef) {
     return function addInitializer(initializer) {
@@ -30328,9 +30387,9 @@ function applyDecs2203RFactory45() {
 function _apply_decs_2203_r45(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r45 = applyDecs2203RFactory45())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html48, _dec107, _initClass45, _HTMLElement45, _dec130, _dec223, _dec320, _dec416, _dec513, _dec610, _dec710, _dec810, _dec910, _init_easingType, _init_points, _init_showGrid, _init_snapToGrid, _init_gridSize, _init_focusedLinearIndex, _init_simplify, _init_round, _init_svgElement, _initProto24, _CurveCanvas, CurveCanvas, lerp, lerpPoint, findTForX, splitCurveSegment, evaluateCubicPointNormalized;
+var import_lit_html48, _dec108, _initClass45, _HTMLElement45, _dec130, _dec223, _dec320, _dec417, _dec513, _dec611, _dec710, _dec810, _dec910, _init_easingType, _init_points, _init_showGrid, _init_snapToGrid, _init_gridSize, _init_focusedLinearIndex, _init_simplify, _init_round, _init_svgElement, _initProto24, _CurveCanvas, CurveCanvas, lerp, lerpPoint, findTForX, splitCurveSegment, evaluateCubicPointNormalized;
 var init_canvas = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/canvas.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/canvas.ts"() {
     "use strict";
     import_lit_html48 = require("lit-html");
     init_constants();
@@ -30342,7 +30401,7 @@ var init_canvas = __esm({
     init_Prop();
     init_Query();
     init_shared2();
-    _dec107 = Component({
+    _dec108 = Component({
       tag: "ease-curve-canvas",
       styles: canvasStyles,
       template() {
@@ -30378,7 +30437,7 @@ var init_canvas = __esm({
       type: Boolean,
       reflect: true,
       defaultValue: true
-    }), _dec416 = Prop({
+    }), _dec417 = Prop({
       type: Boolean,
       reflect: true,
       defaultValue: false
@@ -30386,7 +30445,7 @@ var init_canvas = __esm({
       type: Number,
       reflect: true,
       defaultValue: 8
-    }), _dec610 = Prop({
+    }), _dec611 = Prop({
       type: Number,
       reflect: false,
       defaultValue: null
@@ -30418,7 +30477,7 @@ var init_canvas = __esm({
             "showGrid"
           ],
           [
-            _dec416,
+            _dec417,
             1,
             "snapToGrid"
           ],
@@ -30428,7 +30487,7 @@ var init_canvas = __esm({
             "gridSize"
           ],
           [
-            _dec610,
+            _dec611,
             1,
             "focusedLinearIndex"
           ],
@@ -30448,7 +30507,7 @@ var init_canvas = __esm({
             "svgElement"
           ]
         ], [
-          _dec107
+          _dec108
         ], _HTMLElement45));
       }
       #___private_easingType_1;
@@ -31687,7 +31746,7 @@ var init_canvas = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/canvas-controls.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/canvas-controls.ts
 function applyDecs2203RFactory46() {
   function createAddInitializerMethod(initializers, decoratorFinishedRef) {
     return function addInitializer(initializer) {
@@ -32060,9 +32119,9 @@ function applyDecs2203RFactory46() {
 function _apply_decs_2203_r46(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r46 = applyDecs2203RFactory46())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html49, _dec108, _initClass46, _HTMLElement46, _dec131, _dec224, _dec321, _init_easingType2, _init_points2, _init_focusedLinearIndex2, _initProto25, _CanvasControls, CanvasControls;
+var import_lit_html49, _dec109, _initClass46, _HTMLElement46, _dec131, _dec224, _dec321, _init_easingType2, _init_points2, _init_focusedLinearIndex2, _initProto25, _CanvasControls, CanvasControls;
 var init_canvas_controls = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/canvas-controls.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/canvas-controls.ts"() {
     "use strict";
     import_lit_html49 = require("lit-html");
     init_constants();
@@ -32072,7 +32131,7 @@ var init_canvas_controls = __esm({
     init_Component();
     init_Prop();
     init_shared2();
-    _dec108 = Component({
+    _dec109 = Component({
       tag: "ease-curve-canvas-controls",
       styles: canvasControlsStyles,
       template() {
@@ -32161,7 +32220,7 @@ var init_canvas_controls = __esm({
             "focusedLinearIndex"
           ]
         ], [
-          _dec108
+          _dec109
         ], _HTMLElement46));
       }
       #___private_easingType_1;
@@ -32790,13 +32849,13 @@ function applyDecs2203RFactory47() {
 function _apply_decs_2203_r47(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r47 = applyDecs2203RFactory47())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html50, _dec109, _initClass47, _HTMLElement47, _IconMinus2, IconMinus2;
+var import_lit_html50, _dec133, _initClass47, _HTMLElement47, _IconMinus2, IconMinus2;
 var init_minus2 = __esm({
   "src/elements/icons/interface/minus.ts"() {
     "use strict";
     import_lit_html50 = require("lit-html");
     init_Component();
-    _dec109 = Component({
+    _dec133 = Component({
       tag: "ease-icon-minus",
       styles: `
     :host {
@@ -32821,7 +32880,7 @@ var init_minus2 = __esm({
     IconMinus2 = class extends (_HTMLElement47 = HTMLElement) {
       static {
         ({ c: [_IconMinus2, _initClass47] } = _apply_decs_2203_r47(this, [], [
-          _dec109
+          _dec133
         ], _HTMLElement47));
       }
       static {
@@ -33204,13 +33263,13 @@ function applyDecs2203RFactory48() {
 function _apply_decs_2203_r48(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r48 = applyDecs2203RFactory48())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html51, _dec133, _initClass48, _HTMLElement48, _IconPlus2, IconPlus2;
+var import_lit_html51, _dec134, _initClass48, _HTMLElement48, _IconPlus2, IconPlus2;
 var init_plus2 = __esm({
   "src/elements/icons/interface/plus.ts"() {
     "use strict";
     import_lit_html51 = require("lit-html");
     init_Component();
-    _dec133 = Component({
+    _dec134 = Component({
       tag: "ease-icon-plus",
       styles: `
     :host {
@@ -33235,7 +33294,7 @@ var init_plus2 = __esm({
     IconPlus2 = class extends (_HTMLElement48 = HTMLElement) {
       static {
         ({ c: [_IconPlus2, _initClass48] } = _apply_decs_2203_r48(this, [], [
-          _dec133
+          _dec134
         ], _HTMLElement48));
       }
       static {
@@ -33618,14 +33677,14 @@ function applyDecs2203RFactory49() {
 function _apply_decs_2203_r49(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r49 = applyDecs2203RFactory49())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html52, _dec134, _initClass49, _HTMLElement49, _dec135, _dec225, _dec322, _dec417, _dec514, _dec611, _init_disabled11, _init_pill3, _init_fullWidth3, _init_type3, _init_block3, _init_variant2, _initProto26, _Button2, Button2;
+var import_lit_html52, _dec135, _initClass49, _HTMLElement49, _dec136, _dec225, _dec322, _dec418, _dec514, _dec612, _init_disabled11, _init_pill3, _init_fullWidth3, _init_type3, _init_block3, _init_variant2, _initProto26, _Button2, Button2;
 var init_button2 = __esm({
   "src/elements/button/index.ts"() {
     "use strict";
     import_lit_html52 = require("lit-html");
     init_Component();
     init_Prop();
-    _dec134 = Component({
+    _dec135 = Component({
       tag: "ease-button",
       autoSlot: true,
       shadowMode: "open",
@@ -33792,7 +33851,7 @@ var init_button2 = __esm({
       }
     }
   `
-    }), _dec135 = Prop({
+    }), _dec136 = Prop({
       type: Boolean,
       reflect: true
     }), _dec225 = Prop({
@@ -33801,7 +33860,7 @@ var init_button2 = __esm({
     }), _dec322 = Prop({
       type: Boolean,
       reflect: true
-    }), _dec417 = Prop({
+    }), _dec418 = Prop({
       type: String,
       reflect: true,
       defaultValue: "button"
@@ -33812,7 +33871,7 @@ var init_button2 = __esm({
       onAttributeChange() {
         this.requestRender?.();
       }
-    }), _dec611 = Prop({
+    }), _dec612 = Prop({
       type: String,
       reflect: true,
       defaultValue: "default"
@@ -33821,7 +33880,7 @@ var init_button2 = __esm({
       static {
         ({ e: [_init_disabled11, _init_pill3, _init_fullWidth3, _init_type3, _init_block3, _init_variant2, _initProto26], c: [_Button2, _initClass49] } = _apply_decs_2203_r49(this, [
           [
-            _dec135,
+            _dec136,
             1,
             "disabled"
           ],
@@ -33836,7 +33895,7 @@ var init_button2 = __esm({
             "fullWidth"
           ],
           [
-            _dec417,
+            _dec418,
             1,
             "type"
           ],
@@ -33846,12 +33905,12 @@ var init_button2 = __esm({
             "block"
           ],
           [
-            _dec611,
+            _dec612,
             1,
             "variant"
           ]
         ], [
-          _dec134
+          _dec135
         ], _HTMLElement49));
       }
       #___private_disabled_1;
@@ -33920,7 +33979,7 @@ var init_button2 = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/controls.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/controls.ts
 function applyDecs2203RFactory50() {
   function createAddInitializerMethod(initializers, decoratorFinishedRef) {
     return function addInitializer(initializer) {
@@ -34293,9 +34352,9 @@ function applyDecs2203RFactory50() {
 function _apply_decs_2203_r50(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r50 = applyDecs2203RFactory50())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html53, _dec136, _initClass50, _HTMLElement50, _dec137, _dec226, _dec323, _dec418, _dec515, _dec612, _init_easingType3, _init_points3, _init_showGrid2, _init_snapToGrid2, _init_gridSize2, _init_focusedLinearIndex3, _initProto27, _CurveControls, CurveControls;
+var import_lit_html53, _dec137, _initClass50, _HTMLElement50, _dec138, _dec226, _dec323, _dec419, _dec515, _dec613, _init_easingType3, _init_points3, _init_showGrid2, _init_snapToGrid2, _init_gridSize2, _init_focusedLinearIndex3, _initProto27, _CurveControls, CurveControls;
 var init_controls = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/controls.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/controls.ts"() {
     "use strict";
     import_lit_html53 = require("lit-html");
     init_constants();
@@ -34308,7 +34367,7 @@ var init_controls = __esm({
     init_minus2();
     init_plus2();
     init_button2();
-    _dec136 = Component({
+    _dec137 = Component({
       tag: "ease-curve-controls",
       styles: controlsStyles,
       template() {
@@ -34341,7 +34400,7 @@ var init_controls = __esm({
       </ease-field>
     `;
       }
-    }), _dec137 = Prop({
+    }), _dec138 = Prop({
       reflect: true
     }), _dec226 = Prop({
       type: Object,
@@ -34353,7 +34412,7 @@ var init_controls = __esm({
       type: Boolean,
       reflect: true,
       defaultValue: true
-    }), _dec418 = Prop({
+    }), _dec419 = Prop({
       type: Boolean,
       reflect: true,
       defaultValue: false
@@ -34361,7 +34420,7 @@ var init_controls = __esm({
       type: Number,
       reflect: true,
       defaultValue: 8
-    }), _dec612 = Prop({
+    }), _dec613 = Prop({
       type: Number,
       reflect: false,
       defaultValue: null,
@@ -34373,7 +34432,7 @@ var init_controls = __esm({
       static {
         ({ e: [_init_easingType3, _init_points3, _init_showGrid2, _init_snapToGrid2, _init_gridSize2, _init_focusedLinearIndex3, _initProto27], c: [_CurveControls, _initClass50] } = _apply_decs_2203_r50(this, [
           [
-            _dec137,
+            _dec138,
             1,
             "easingType"
           ],
@@ -34388,7 +34447,7 @@ var init_controls = __esm({
             "showGrid"
           ],
           [
-            _dec418,
+            _dec419,
             1,
             "snapToGrid"
           ],
@@ -34398,12 +34457,12 @@ var init_controls = __esm({
             "gridSize"
           ],
           [
-            _dec612,
+            _dec613,
             1,
             "focusedLinearIndex"
           ]
         ], [
-          _dec136
+          _dec137
         ], _HTMLElement50));
       }
       #___private_easingType_1;
@@ -35323,10 +35382,10 @@ var init_controls = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/code/utils/highlight-api.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/code/utils/highlight-api.ts
 var SUPPORTS_HIGHLIGHT_API, getHighlightAPI;
 var init_highlight_api = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/code/utils/highlight-api.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/code/utils/highlight-api.ts"() {
     "use strict";
     SUPPORTS_HIGHLIGHT_API = typeof window !== "undefined" && typeof window.CSS !== "undefined" && !!window.CSS?.highlights && typeof window.Highlight === "function";
     getHighlightAPI = () => {
@@ -35342,10 +35401,10 @@ var init_highlight_api = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/code/utils/syntax-highlighter-theme.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/code/utils/syntax-highlighter-theme.ts
 var DEFAULT_THEME, generateHighlightStyles;
 var init_syntax_highlighter_theme = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/code/utils/syntax-highlighter-theme.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/code/utils/syntax-highlighter-theme.ts"() {
     "use strict";
     DEFAULT_THEME = {
       keyword: "var(--ease-syntax-keyword, #e47ab4)",
@@ -35373,10 +35432,10 @@ var init_syntax_highlighter_theme = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/code/utils/syntax-grammars.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/code/utils/syntax-grammars.ts
 var JS_BASE, TS_ADDITIONS, HTML_BASE, CSS_BASE, JSON_BASE, baseGrammars, TSX_GRAMMAR, GRAMMARS;
 var init_syntax_grammars = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/code/utils/syntax-grammars.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/code/utils/syntax-grammars.ts"() {
     "use strict";
     JS_BASE = [
       [
@@ -35515,10 +35574,10 @@ var init_syntax_grammars = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/code/utils/syntax-tokenizer.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/code/utils/syntax-tokenizer.ts
 var tokenize, normalizeIndent;
 var init_syntax_tokenizer = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/code/utils/syntax-tokenizer.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/code/utils/syntax-tokenizer.ts"() {
     "use strict";
     init_syntax_grammars();
     tokenize = (code, language) => {
@@ -35962,7 +36021,7 @@ function applyDecs2203RFactory51() {
 function _apply_decs_2203_r51(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r51 = applyDecs2203RFactory51())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html54, _dec138, _initClass51, _HTMLElement51, _dec139, _dec227, _init_language, _init_codeElement, _initProto28, _Code, Code;
+var import_lit_html54, _dec139, _initClass51, _HTMLElement51, _dec140, _dec227, _init_language, _init_codeElement, _initProto28, _Code, Code;
 var init_code2 = __esm({
   "src/components/code/index.ts"() {
     "use strict";
@@ -35973,7 +36032,7 @@ var init_code2 = __esm({
     init_Component();
     init_Prop();
     init_Query();
-    _dec138 = Component({
+    _dec139 = Component({
       tag: "ease-code",
       shadowMode: "open",
       autoSlot: false,
@@ -35998,14 +36057,14 @@ var init_code2 = __esm({
       template() {
         return import_lit_html54.html`<pre><code><slot></slot></code></pre>`;
       }
-    }), _dec139 = Prop({
+    }), _dec140 = Prop({
       reflect: true
     }), _dec227 = Query("code");
     Code = class extends (_HTMLElement51 = HTMLElement) {
       static {
         ({ e: [_init_language, _init_codeElement, _initProto28], c: [_Code, _initClass51] } = _apply_decs_2203_r51(this, [
           [
-            _dec139,
+            _dec140,
             1,
             "language"
           ],
@@ -36015,7 +36074,7 @@ var init_code2 = __esm({
             "codeElement"
           ]
         ], [
-          _dec138
+          _dec139
         ], _HTMLElement51));
       }
       #instanceId;
@@ -36149,7 +36208,7 @@ var init_code2 = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/output.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/output.ts
 function applyDecs2203RFactory52() {
   function createAddInitializerMethod(initializers, decoratorFinishedRef) {
     return function addInitializer(initializer) {
@@ -36522,9 +36581,9 @@ function applyDecs2203RFactory52() {
 function _apply_decs_2203_r52(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r52 = applyDecs2203RFactory52())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html55, _dec140, _initClass52, _HTMLElement52, _dec141, _dec228, _dec324, _dec419, _dec516, _dec613, _init_easingType4, _init_points4, _init_name7, _init_variant3, _init_simplify2, _init_round2, _initProto29, _CurveOutput, CurveOutput;
+var import_lit_html55, _dec141, _initClass52, _HTMLElement52, _dec143, _dec228, _dec324, _dec420, _dec516, _dec614, _init_easingType4, _init_points4, _init_name7, _init_variant3, _init_simplify2, _init_round2, _initProto29, _CurveOutput, CurveOutput;
 var init_output = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/output.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/output.ts"() {
     "use strict";
     import_lit_html55 = require("lit-html");
     init_styles();
@@ -36533,7 +36592,7 @@ var init_output = __esm({
     init_Component();
     init_Prop();
     init_code2();
-    _dec140 = Component({
+    _dec141 = Component({
       tag: "ease-curve-output",
       styles: outputStyles,
       template() {
@@ -36549,7 +36608,7 @@ var init_output = __esm({
       </div>
     `;
       }
-    }), _dec141 = Prop({
+    }), _dec143 = Prop({
       type: String,
       reflect: true
     }), _dec228 = Prop({
@@ -36558,14 +36617,14 @@ var init_output = __esm({
     }), _dec324 = Prop({
       reflect: true,
       defaultValue: "ease-custom"
-    }), _dec419 = Prop({
+    }), _dec420 = Prop({
       reflect: true,
       defaultValue: "animation"
     }), _dec516 = Prop({
       type: Number,
       reflect: true,
       defaultValue: 0
-    }), _dec613 = Prop({
+    }), _dec614 = Prop({
       type: Number,
       reflect: true,
       defaultValue: 5
@@ -36574,7 +36633,7 @@ var init_output = __esm({
       static {
         ({ e: [_init_easingType4, _init_points4, _init_name7, _init_variant3, _init_simplify2, _init_round2, _initProto29], c: [_CurveOutput, _initClass52] } = _apply_decs_2203_r52(this, [
           [
-            _dec141,
+            _dec143,
             1,
             "easingType"
           ],
@@ -36589,7 +36648,7 @@ var init_output = __esm({
             "name"
           ],
           [
-            _dec419,
+            _dec420,
             1,
             "variant"
           ],
@@ -36599,12 +36658,12 @@ var init_output = __esm({
             "simplify"
           ],
           [
-            _dec613,
+            _dec614,
             1,
             "round"
           ]
         ], [
-          _dec140
+          _dec141
         ], _HTMLElement52));
       }
       #___private_easingType_1;
@@ -37138,7 +37197,7 @@ function applyDecs2203RFactory53() {
 function _apply_decs_2203_r53(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r53 = applyDecs2203RFactory53())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html56, _dec143, _initClass53, _HTMLElement53, _dec144, _dec229, _dec325, _dec420, _dec517, _dec614, _init_open4, _init_delay2, _init_placement5, _init_triggerElement2, _init_contentElement3, _initProto30, _Tooltip2, Tooltip2;
+var import_lit_html56, _dec144, _initClass53, _HTMLElement53, _dec145, _dec229, _dec325, _dec421, _dec517, _dec615, _init_open4, _init_delay2, _init_placement5, _init_triggerElement2, _init_contentElement4, _initProto30, _Tooltip2, Tooltip2;
 var init_tooltip2 = __esm({
   "src/elements/tooltip/index.ts"() {
     "use strict";
@@ -37148,7 +37207,7 @@ var init_tooltip2 = __esm({
     init_OutsideClick();
     init_Prop();
     init_Query();
-    _dec143 = Component({
+    _dec144 = Component({
       tag: "ease-tooltip",
       shadowMode: "open",
       styles: `
@@ -37178,7 +37237,7 @@ var init_tooltip2 = __esm({
       display: block;
     }
   `
-    }), _dec144 = Prop({
+    }), _dec145 = Prop({
       type: Boolean,
       reflect: true,
       onChange(next, previous) {
@@ -37191,7 +37250,7 @@ var init_tooltip2 = __esm({
     }), _dec325 = Prop({
       reflect: true,
       defaultValue: "top-center"
-    }), _dec420 = Query('[slot="trigger"]'), _dec517 = Query("[data-tooltip-content]"), _dec614 = OutsideClick({
+    }), _dec421 = Query('[slot="trigger"]'), _dec517 = Query("[data-tooltip-content]"), _dec615 = OutsideClick({
       content: (host) => host.contentElement,
       triggers: (host) => [
         host.triggerElement
@@ -37200,9 +37259,9 @@ var init_tooltip2 = __esm({
     });
     Tooltip2 = class extends (_HTMLElement53 = HTMLElement) {
       static {
-        ({ e: [_init_open4, _init_delay2, _init_placement5, _init_triggerElement2, _init_contentElement3, _initProto30], c: [_Tooltip2, _initClass53] } = _apply_decs_2203_r53(this, [
+        ({ e: [_init_open4, _init_delay2, _init_placement5, _init_triggerElement2, _init_contentElement4, _initProto30], c: [_Tooltip2, _initClass53] } = _apply_decs_2203_r53(this, [
           [
-            _dec144,
+            _dec145,
             1,
             "open"
           ],
@@ -37217,7 +37276,7 @@ var init_tooltip2 = __esm({
             "placement"
           ],
           [
-            _dec420,
+            _dec421,
             1,
             "triggerElement"
           ],
@@ -37227,12 +37286,12 @@ var init_tooltip2 = __esm({
             "contentElement"
           ],
           [
-            _dec614,
+            _dec615,
             2,
             "handleOutsideDismiss"
           ]
         ], [
-          _dec143
+          _dec144
         ], _HTMLElement53));
       }
       #hoverTimer;
@@ -37383,7 +37442,7 @@ var init_tooltip2 = __esm({
         _initClass53();
       }
       constructor(...args) {
-        super(...args), this.#hoverTimer = (_initProto30(this), null), this.#trigger = null, this.#content = null, this.#___private_open_1 = _init_open4(this, false), this.#___private_delay_2 = _init_delay2(this, 300), this.#___private_placement_3 = _init_placement5(this, "top-center"), this.#___private_triggerElement_4 = _init_triggerElement2(this), this.#___private_contentElement_5 = _init_contentElement3(this), this.#handleEnter = () => {
+        super(...args), this.#hoverTimer = (_initProto30(this), null), this.#trigger = null, this.#content = null, this.#___private_open_1 = _init_open4(this, false), this.#___private_delay_2 = _init_delay2(this, 300), this.#___private_placement_3 = _init_placement5(this, "top-center"), this.#___private_triggerElement_4 = _init_triggerElement2(this), this.#___private_contentElement_5 = _init_contentElement4(this), this.#handleEnter = () => {
           this.#startTimer(() => {
             this.open = true;
           });
@@ -37402,7 +37461,7 @@ var init_tooltip2 = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/toolbar.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/toolbar.ts
 function applyDecs2203RFactory54() {
   function createAddInitializerMethod(initializers, decoratorFinishedRef) {
     return function addInitializer(initializer) {
@@ -37775,9 +37834,9 @@ function applyDecs2203RFactory54() {
 function _apply_decs_2203_r54(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r54 = applyDecs2203RFactory54())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html57, _dec145, _initClass54, _HTMLElement54, _dec146, _dec230, _dec326, _dec421, _dec518, _dec615, _dec711, _init_easingType5, _init_points5, _init_showGrid3, _init_snapToGrid3, _init_gridSize3, _init_simplify3, _init_round3, _initProto31, _CurveToolbar, CurveToolbar;
+var import_lit_html57, _dec146, _initClass54, _HTMLElement54, _dec147, _dec230, _dec326, _dec422, _dec518, _dec616, _dec711, _init_easingType5, _init_points5, _init_showGrid3, _init_snapToGrid3, _init_gridSize3, _init_simplify3, _init_round3, _initProto31, _CurveToolbar, CurveToolbar;
 var init_toolbar = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/toolbar.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/toolbar.ts"() {
     "use strict";
     import_lit_html57 = require("lit-html");
     init_styles();
@@ -37790,7 +37849,7 @@ var init_toolbar = __esm({
     init_plus2();
     init_button2();
     init_tooltip2();
-    _dec145 = Component({
+    _dec146 = Component({
       tag: "ease-curve-toolbar",
       styles: toolbarStyles,
       template() {
@@ -37917,7 +37976,7 @@ var init_toolbar = __esm({
       </div>
     `;
       }
-    }), _dec146 = Prop({
+    }), _dec147 = Prop({
       reflect: true
     }), _dec230 = Prop({
       type: Object,
@@ -37926,7 +37985,7 @@ var init_toolbar = __esm({
       type: Boolean,
       reflect: true,
       defaultValue: true
-    }), _dec421 = Prop({
+    }), _dec422 = Prop({
       type: Boolean,
       reflect: true,
       defaultValue: false
@@ -37934,7 +37993,7 @@ var init_toolbar = __esm({
       type: Number,
       reflect: true,
       defaultValue: 8
-    }), _dec615 = Prop({
+    }), _dec616 = Prop({
       type: Number,
       reflect: true,
       defaultValue: 0
@@ -37947,7 +38006,7 @@ var init_toolbar = __esm({
       static {
         ({ e: [_init_easingType5, _init_points5, _init_showGrid3, _init_snapToGrid3, _init_gridSize3, _init_simplify3, _init_round3, _initProto31], c: [_CurveToolbar, _initClass54] } = _apply_decs_2203_r54(this, [
           [
-            _dec146,
+            _dec147,
             1,
             "easingType"
           ],
@@ -37962,7 +38021,7 @@ var init_toolbar = __esm({
             "showGrid"
           ],
           [
-            _dec421,
+            _dec422,
             1,
             "snapToGrid"
           ],
@@ -37972,7 +38031,7 @@ var init_toolbar = __esm({
             "gridSize"
           ],
           [
-            _dec615,
+            _dec616,
             1,
             "simplify"
           ],
@@ -37982,7 +38041,7 @@ var init_toolbar = __esm({
             "round"
           ]
         ], [
-          _dec145
+          _dec146
         ], _HTMLElement54));
       }
       #___private_easingType_1;
@@ -38252,7 +38311,7 @@ var init_toolbar = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/index.ts
 var curve_exports = {};
 __export(curve_exports, {
   Curve: () => _Curve,
@@ -38630,9 +38689,9 @@ function applyDecs2203RFactory55() {
 function _apply_decs_2203_r55(targetClass, memberDecs, classDecs, parentClass) {
   return (_apply_decs_2203_r55 = applyDecs2203RFactory55())(targetClass, memberDecs, classDecs, parentClass);
 }
-var import_lit_html58, _dec147, _initClass55, _HTMLElement55, _dec148, _dec231, _dec327, _dec422, _dec519, _dec616, _dec712, _dec811, _dec911, _dec1010, _dec1110, _dec1210, _dec1310, _dec149, _dec153, _dec162, _dec172, _dec182, _init_name8, _init_easingType6, _init_points6, _init_showGrid4, _init_snapToGrid4, _init_gridSize4, _init_simplify4, _init_round4, _init_focusedLinearIndex4, _initProto32, _Curve, Curve;
+var import_lit_html58, _dec148, _initClass55, _HTMLElement55, _dec149, _dec231, _dec327, _dec423, _dec519, _dec617, _dec712, _dec811, _dec911, _dec1010, _dec1110, _dec1210, _dec1310, _dec1410, _dec153, _dec162, _dec172, _dec182, _init_name8, _init_easingType6, _init_points6, _init_showGrid4, _init_snapToGrid4, _init_gridSize4, _init_simplify4, _init_round4, _init_focusedLinearIndex4, _initProto32, _Curve, Curve;
 var init_curve = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/curve/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/curve/index.ts"() {
     "use strict";
     import_lit_html58 = require("lit-html");
     init_bezier_conversion();
@@ -38648,7 +38707,7 @@ var init_curve = __esm({
     init_output();
     init_toolbar();
     init_types();
-    _dec147 = Component({
+    _dec148 = Component({
       tag: "ease-curve",
       styles: containerStyles,
       template() {
@@ -38709,7 +38768,7 @@ var init_curve = __esm({
       </div>
     `;
       }
-    }), _dec148 = Prop({
+    }), _dec149 = Prop({
       reflect: true,
       defaultValue: "ease-custom"
     }), _dec231 = Prop({
@@ -38736,7 +38795,7 @@ var init_curve = __esm({
           }
         };
       }
-    }), _dec422 = Prop({
+    }), _dec423 = Prop({
       type: Boolean,
       reflect: true,
       defaultValue: true
@@ -38744,7 +38803,7 @@ var init_curve = __esm({
       type: Boolean,
       reflect: true,
       defaultValue: false
-    }), _dec616 = Prop({
+    }), _dec617 = Prop({
       type: Number,
       reflect: true,
       defaultValue: 8
@@ -38768,7 +38827,7 @@ var init_curve = __esm({
       target: "light"
     }), _dec1310 = Listen("grid-size-change", {
       target: "light"
-    }), _dec149 = Listen("simplify-change", {
+    }), _dec1410 = Listen("simplify-change", {
       target: "light"
     }), _dec153 = Listen("round-change", {
       target: "light"
@@ -38784,7 +38843,7 @@ var init_curve = __esm({
       static {
         ({ e: [_init_name8, _init_easingType6, _init_points6, _init_showGrid4, _init_snapToGrid4, _init_gridSize4, _init_simplify4, _init_round4, _init_focusedLinearIndex4, _initProto32], c: [_Curve, _initClass55] } = _apply_decs_2203_r55(this, [
           [
-            _dec148,
+            _dec149,
             1,
             "name"
           ],
@@ -38799,7 +38858,7 @@ var init_curve = __esm({
             "points"
           ],
           [
-            _dec422,
+            _dec423,
             1,
             "showGrid"
           ],
@@ -38809,7 +38868,7 @@ var init_curve = __esm({
             "snapToGrid"
           ],
           [
-            _dec616,
+            _dec617,
             1,
             "gridSize"
           ],
@@ -38849,7 +38908,7 @@ var init_curve = __esm({
             "handleGridSizeChange"
           ],
           [
-            _dec149,
+            _dec1410,
             2,
             "handleSimplifyChange"
           ],
@@ -38874,7 +38933,7 @@ var init_curve = __esm({
             "handleLinearPointFocus"
           ]
         ], [
-          _dec147
+          _dec148
         ], _HTMLElement55));
       }
       #___private_name_1;
@@ -39167,7 +39226,7 @@ var init_curve = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/code/index.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/code/index.ts
 var code_exports2 = {};
 __export(code_exports2, {
   Code: () => _Code2
@@ -39546,7 +39605,7 @@ function _apply_decs_2203_r56(targetClass, memberDecs, classDecs, parentClass) {
 }
 var import_lit_html59, _dec150, _initClass56, _HTMLElement56, _dec151, _dec232, _init_language2, _init_codeElement2, _initProto33, _Code2, Code2;
 var init_code3 = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/components/code/index.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/components/code/index.ts"() {
     "use strict";
     import_lit_html59 = require("lit-html");
     init_highlight_api();
@@ -39731,7 +39790,7 @@ var init_code3 = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/internal/component-loaders.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/internal/component-loaders.ts
 var component_loaders_exports = {};
 __export(component_loaders_exports, {
   COMPONENT_LOADERS: () => COMPONENT_LOADERS,
@@ -39772,7 +39831,7 @@ function resolveTags(options) {
 }
 var WEB_KIT_ELEMENT_TAGS, WEB_KIT_COMPONENT_TAGS, WEB_KIT_ALL_TAGS, WEB_KIT_INTERNAL_TAGS, COMPONENT_LOADERS;
 var init_component_loaders = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/internal/component-loaders.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/internal/component-loaders.ts"() {
     "use strict";
     WEB_KIT_ELEMENT_TAGS = [
       // Controls
@@ -39896,7 +39955,7 @@ var init_component_loaders = __esm({
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/internal/lazy-load.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/internal/lazy-load.ts
 var lazy_load_exports = {};
 __export(lazy_load_exports, {
   createLazyLoader: () => createLazyLoader
@@ -39975,14 +40034,14 @@ function createLazyLoader(config = {}) {
   };
 }
 var init_lazy_load = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/internal/lazy-load.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/internal/lazy-load.ts"() {
     "use strict";
     init_component_loaders();
     init_style_inject();
   }
 });
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/init.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/init.ts
 var init_exports = {};
 __export(init_exports, {
   initWebKit: () => initWebKit
@@ -40214,7 +40273,7 @@ function initWebKit(options = {}) {
 }
 var isBrowser2, isThemeModeConfig;
 var init_init = __esm({
-  "swc:/home/runner/work/web-kit/web-kit/packages/core/src/init.ts"() {
+  "swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/init.ts"() {
     "use strict";
     init_theme();
     init_registry();
@@ -40240,17 +40299,17 @@ __export(react_exports, {
 });
 module.exports = __toCommonJS(react_exports);
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/react/events.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/react/events.ts
 function createEventHandler(callback) {
   return (e) => {
     callback(e.detail.value, e.detail.name, e.detail.event);
   };
 }
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/react/jsx.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/react/jsx.ts
 var __JSX_TYPES_LOADED__ = true;
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/react/provider.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/react/provider.ts
 function createWebKitProvider(React) {
   const defaultValue = {
     ready: false,
@@ -40315,7 +40374,7 @@ function createWebKitProvider(React) {
   };
 }
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/react/use-ease-state.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/react/use-ease-state.ts
 function useEaseState(options, hooks) {
   const { useState, useCallback, useRef } = hooks;
   const { initialState, onChange, onTabChange } = options;
@@ -40400,7 +40459,7 @@ function useEaseState(options, hooks) {
   };
 }
 
-// swc:/home/runner/work/web-kit/web-kit/packages/core/src/react/use-web-kit.ts
+// swc:/Users/aaroniker/Documents/GitHub/ease/web-kit/packages/core/src/react/use-web-kit.ts
 var globalController = null;
 var initCount = 0;
 function useWebKit(options, hooks) {