solid-pianoroll 0.0.27 → 0.0.28

package/dist/dev.cjs

@@ -7,8 +7,8 @@ var store = require('solid-js/store');
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-V03eUkPfYEIp/solid-pianoroll/src/PianoRoll.module.css.js
-var digest = "aa6e03c5e37f26ea12d9db12cf0b54922c25d6767d24d6356119f357fec7dbc1";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-LSmXvyshvjNA/solid-pianoroll/src/PianoRoll.module.css.js
+var digest = "f98365679977aeae978639d556d0bab7b4f40e1a8f0db1eb3e5c93f9af6181e2";
 var css = `._PianoRoll_1v1e7_1 {
   box-sizing: border-box;
   display: flex;
@@ -56,7 +56,7 @@ var css = `._PianoRoll_1v1e7_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRoll_module_css_default = { "pianoRoll": "_PianoRoll_1v1e7_1", "pianoRollContainer": "_PianoRollContainer_1v1e7_10", "pianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "showTrackList": "_showTrackList_1v1e7_24", "pianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29" };
+var PianoRoll_module_css_default = { "PianoRoll": "_PianoRoll_1v1e7_1", "pianoRoll": "_PianoRoll_1v1e7_1", "PianoRollContainer": "_PianoRollContainer_1v1e7_10", "pianoRollContainer": "_PianoRollContainer_1v1e7_10", "PianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "pianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "showTrackList": "_showTrackList_1v1e7_24", "PianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29", "pianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29" };
 var defaultState = {
   ppq: 0,
   mode: "keys",
@@ -198,8 +198,8 @@ var usePianoRollContext = /* @__PURE__ */ __name(() => {
 }, "usePianoRollContext");
 var splitContextProps = /* @__PURE__ */ __name((allProps) => solidJs.splitProps(allProps, [...pianoRollStatePropNames, "showAllTracks", "showTrackList"]), "splitContextProps");
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-xTMbQP4wD71W/solid-pianoroll/src/PianoRollKeys.module.css.js
-var digest2 = "a18eb8da324ba2dc925df238bd089ee2fb6d15e49406fe7cb81d07555761144d";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-Kk7l3Q96iL2R/solid-pianoroll/src/PianoRollKeys.module.css.js
+var digest2 = "912cd598d71719296925d32a7bc4dad8d79de7d166ad38b36f9ac6875ac81491";
 var css2 = `._PianoRollKeys_1ne9i_1 {
   position: relative;
   height: 100%;
@@ -262,7 +262,7 @@ var css2 = `._PianoRollKeys_1ne9i_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollKeys_module_css_default = { "pianoRollKeys": "_PianoRollKeys_1ne9i_1", "key": "_Key_1ne9i_14", "black": "_black_1ne9i_29", "white": "_white_1ne9i_38", "down": "_down_1ne9i_46" };
+var PianoRollKeys_module_css_default = { "PianoRollKeys": "_PianoRollKeys_1ne9i_1", "pianoRollKeys": "_PianoRollKeys_1ne9i_1", "Key": "_Key_1ne9i_14", "key": "_Key_1ne9i_14", "black": "_black_1ne9i_29", "white": "_white_1ne9i_38", "down": "_down_1ne9i_46" };
 function createViewPortDimension(getState) {
   const getStateWithFunctions = /* @__PURE__ */ __name(() => {
     const state2 = getState();
@@ -355,8 +355,8 @@ var useViewPortDimension = /* @__PURE__ */ __name((name) => {
   return viewPort;
 }, "useViewPortDimension");
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-F0rVD0IPyGOM/solid-pianoroll/src/viewport/ScrollZoomContainer.module.css.js
-var digest3 = "c5228d6ab7bb0316abe83997c38bb248d413dbf7dd63f784bdb599ff69cab02c";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-aLe4BGGsm44C/solid-pianoroll/src/viewport/ScrollZoomContainer.module.css.js
+var digest3 = "a96973717aefff52bb67be47a75e74b9c1b6e5f5c00c390ce172eb51ae933787";
 var css3 = `._ScrollZoomContainer_f395r_1 {
   height: 100%;
   width: 100%;
@@ -374,7 +374,7 @@ var css3 = `._ScrollZoomContainer_f395r_1 {
     document.head.appendChild(el);
   }
 })();
-var ScrollZoomContainer_module_css_default = { "scrollZoomContainer": "_ScrollZoomContainer_f395r_1" };
+var ScrollZoomContainer_module_css_default = { "ScrollZoomContainer": "_ScrollZoomContainer_f395r_1", "scrollZoomContainer": "_ScrollZoomContainer_f395r_1" };
 
 // src/viewport/ScrollZoomContainer.tsx
 var _tmpl$ = /* @__PURE__ */ web.template(`<div><div><div><div></div></div></div></div>`, 8);
@@ -601,8 +601,8 @@ var keys = Array.from({
 var PianoRollKeys_default = PianoRollKeys;
 web.delegateEvents(["mousedown", "mouseup"]);
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-Fvrbm3h7J0pU/solid-pianoroll/src/PianoRollNotes.module.css.js
-var digest4 = "77ea91fc1355e4aabc5edaca5bce8bc7f24ffa40c2865b309d4b577b9e996fab";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-TSvPowr7zW3j/solid-pianoroll/src/PianoRollNotes.module.css.js
+var digest4 = "45ae91170ebfe23414eef13e702caf49cc0c26c03329a7f360501aa4e212d6c3";
 var css4 = `._PianoRollNotes_u3pew_1 {
   position: absolute;
   flex: 1;
@@ -643,7 +643,7 @@ var css4 = `._PianoRollNotes_u3pew_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollNotes_module_css_default = { "pianoRollNotes": "_PianoRollNotes_u3pew_1", "note": "_Note_u3pew_12", "trimStart": "_trimStart_u3pew_22", "trimEnd": "_trimEnd_u3pew_26" };
+var PianoRollNotes_module_css_default = { "PianoRollNotes": "_PianoRollNotes_u3pew_1", "pianoRollNotes": "_PianoRollNotes_u3pew_1", "Note": "_Note_u3pew_12", "note": "_Note_u3pew_12", "trimStart": "_trimStart_u3pew_22", "trimEnd": "_trimEnd_u3pew_26" };
 
 // src/PianoRollNotes.tsx
 var _tmpl$3 = /* @__PURE__ */ web.template(`<div></div>`, 2);
@@ -835,8 +835,8 @@ var PianoRollNotes = /* @__PURE__ */ __name((props) => {
 var PianoRollNotes_default = PianoRollNotes;
 web.delegateEvents(["mousedown", "mousemove", "dblclick"]);
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-cvLT374mTOk9/solid-pianoroll/src/PianoRollGrid.module.css.js
-var digest5 = "c27bcb7a9659263ec5bec58defc628211f8062bc76f79cb7aa8d14e31bfca807";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-UjLZQ4qpn5e1/solid-pianoroll/src/PianoRollGrid.module.css.js
+var digest5 = "bcec03cb2e8c0e0e21f47ae79ec573dc2bea2705a1db031668fdb120eaff9042";
 var css5 = `._PianoRollGrid_qke5f_1 {
   position: relative;
   width: 100%;
@@ -892,7 +892,7 @@ var css5 = `._PianoRollGrid_qke5f_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollGrid_module_css_default = { "pianoRollGrid": "_PianoRollGrid_qke5f_1", "pianoRollGridRow": "_PianoRollGrid-Row_qke5f_7", "isDark": "_IsDark_qke5f_14", "key": "_Key_qke5f_18", "isBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "pianoRollGridTime": "_PianoRollGrid-Time_qke5f_26", "highlighted": "_Highlighted_qke5f_37", "highlightedBorder": "_HighlightedBorder_qke5f_41" };
+var PianoRollGrid_module_css_default = { "PianoRollGrid": "_PianoRollGrid_qke5f_1", "pianoRollGrid": "_PianoRollGrid_qke5f_1", "PianoRollGrid-Row": "_PianoRollGrid-Row_qke5f_7", "pianoRollGridRow": "_PianoRollGrid-Row_qke5f_7", "IsDark": "_IsDark_qke5f_14", "isDark": "_IsDark_qke5f_14", "Key": "_Key_qke5f_18", "key": "_Key_qke5f_18", "IsBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "isBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "PianoRollGrid-Time": "_PianoRollGrid-Time_qke5f_26", "pianoRollGridTime": "_PianoRollGrid-Time_qke5f_26", "Highlighted": "_Highlighted_qke5f_37", "highlighted": "_Highlighted_qke5f_37", "HighlightedBorder": "_HighlightedBorder_qke5f_41", "highlightedBorder": "_HighlightedBorder_qke5f_41" };
 var usePianoRollGrid = /* @__PURE__ */ __name(() => {
   const context = usePianoRollContext();
   const horizontalViewPort = solidJs.createMemo(() => useViewPortDimension("horizontal"));
@@ -1114,8 +1114,8 @@ var ZoomSliderControl = /* @__PURE__ */ __name((props) => {
 }, "ZoomSliderControl");
 var ZoomSliderControl_default = ZoomSliderControl;
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-4ujXRJ3IxJIT/solid-pianoroll/src/PianoRollTrackList.module.css.js
-var digest6 = "c0f9b8706d3eae39762f10cf96935d0062e09c38f11edebafd999c673551e23f";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-d4QXpNtqE8lR/solid-pianoroll/src/PianoRollTrackList.module.css.js
+var digest6 = "c2b6ba27e633672615923990319ea17ccb9603b3d13457afe2e514b43b021699";
 var css6 = `._PianoRollTrackList_11kti_1 {
   position: relative;
   height: 100%;
@@ -1151,7 +1151,7 @@ Track._selected_11kti_21 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollTrackList_module_css_default = { "pianoRollTrackList": "_PianoRollTrackList_11kti_1", "track": "_Track_11kti_7", "selected": "_selected_11kti_21" };
+var PianoRollTrackList_module_css_default = { "PianoRollTrackList": "_PianoRollTrackList_11kti_1", "pianoRollTrackList": "_PianoRollTrackList_11kti_1", "Track": "_Track_11kti_7", "track": "_Track_11kti_7", "selected": "_selected_11kti_21" };
 var _tmpl$6 = /* @__PURE__ */ web.template(`<div></div>`, 2);
 var _tmpl$22 = /* @__PURE__ */ web.template(`<div> </div>`, 2);
 var PianoRollTrackList = /* @__PURE__ */ __name(() => {
@@ -1323,8 +1323,8 @@ var PianoRollTrackListScroller = /* @__PURE__ */ __name((props) => {
 }, "PianoRollTrackListScroller");
 var PianoRollTrackListScroller_default = PianoRollTrackListScroller;
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-Gt01PkQkdswk/solid-pianoroll/src/PianoRollScale.module.css.js
-var digest7 = "3858698d16170a590e0e8e09319eb5d0fd7d02975226ac7c89b8b7401b7d9ce8";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-XI6Mgkkop9wE/solid-pianoroll/src/PianoRollScale.module.css.js
+var digest7 = "3cfb7e77c4bc36c2a72017a4a0141c02394d8380f58d46d6e7e113ed6f9fe532";
 var css7 = `._PianoRollScale_1khhn_1 {
   position: relative;
   width: 100%;
@@ -1374,7 +1374,7 @@ var css7 = `._PianoRollScale_1khhn_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollScale_module_css_default = { "pianoRollScale": "_PianoRollScale_1khhn_1", "pianoRollScaleTime": "_PianoRollScale-Time_1khhn_7", "pianoRollScaleLabel": "_PianoRollScale-Label_1khhn_23", "highlighted": "_Highlighted_1khhn_31", "highlightedBorder": "_HighlightedBorder_1khhn_35" };
+var PianoRollScale_module_css_default = { "PianoRollScale": "_PianoRollScale_1khhn_1", "pianoRollScale": "_PianoRollScale_1khhn_1", "PianoRollScale-Time": "_PianoRollScale-Time_1khhn_7", "pianoRollScaleTime": "_PianoRollScale-Time_1khhn_7", "PianoRollScale-Label": "_PianoRollScale-Label_1khhn_23", "pianoRollScaleLabel": "_PianoRollScale-Label_1khhn_23", "Highlighted": "_Highlighted_1khhn_31", "highlighted": "_Highlighted_1khhn_31", "HighlightedBorder": "_HighlightedBorder_1khhn_35", "highlightedBorder": "_HighlightedBorder_1khhn_35" };
 
 // src/PianoRollScale.tsx
 var _tmpl$7 = /* @__PURE__ */ web.template(`<div></div>`, 2);

package/dist/dev.js

@@ -5,7 +5,7 @@ import { createStore } from 'solid-js/store';
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-ybxAKItRE20S/solid-pianoroll/src/PianoRoll.module.css.js
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-pMUBja8bwWeg/solid-pianoroll/src/PianoRoll.module.css.js
 var digest = "4c2b012b69d9a9d56b2ed407a7df42a743722df5ccdacb8b19182ce1656beca4";
 var css = `._PianoRoll_1v1e7_1 {
   box-sizing: border-box;
@@ -54,7 +54,7 @@ var css = `._PianoRoll_1v1e7_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRoll_module_css_default = { "pianoRoll": "_PianoRoll_1v1e7_1", "pianoRollContainer": "_PianoRollContainer_1v1e7_10", "pianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "showTrackList": "_showTrackList_1v1e7_24", "pianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29" };
+var PianoRoll_module_css_default = { "PianoRoll": "_PianoRoll_1v1e7_1", "pianoRoll": "_PianoRoll_1v1e7_1", "PianoRollContainer": "_PianoRollContainer_1v1e7_10", "pianoRollContainer": "_PianoRollContainer_1v1e7_10", "PianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "pianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "showTrackList": "_showTrackList_1v1e7_24", "PianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29", "pianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29" };
 var defaultState = {
   ppq: 0,
   mode: "keys",
@@ -196,8 +196,8 @@ var usePianoRollContext = /* @__PURE__ */ __name(() => {
 }, "usePianoRollContext");
 var splitContextProps = /* @__PURE__ */ __name((allProps) => splitProps(allProps, [...pianoRollStatePropNames, "showAllTracks", "showTrackList"]), "splitContextProps");
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-AT9WAcVpF6To/solid-pianoroll/src/PianoRollKeys.module.css.js
-var digest2 = "032ad836c03622b012144242d71f4417c16e2b90fd9df23695d9c8a0c3fec5bb";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-muVieWBOH8u3/solid-pianoroll/src/PianoRollKeys.module.css.js
+var digest2 = "2747abf13cdb3a49749f1e4e592ffdbcd8dc0f522dfec252ae0fcbd7781b5bf0";
 var css2 = `._PianoRollKeys_1ne9i_1 {
   position: relative;
   height: 100%;
@@ -260,7 +260,7 @@ var css2 = `._PianoRollKeys_1ne9i_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollKeys_module_css_default = { "pianoRollKeys": "_PianoRollKeys_1ne9i_1", "key": "_Key_1ne9i_14", "black": "_black_1ne9i_29", "white": "_white_1ne9i_38", "down": "_down_1ne9i_46" };
+var PianoRollKeys_module_css_default = { "PianoRollKeys": "_PianoRollKeys_1ne9i_1", "pianoRollKeys": "_PianoRollKeys_1ne9i_1", "Key": "_Key_1ne9i_14", "key": "_Key_1ne9i_14", "black": "_black_1ne9i_29", "white": "_white_1ne9i_38", "down": "_down_1ne9i_46" };
 function createViewPortDimension(getState) {
   const getStateWithFunctions = /* @__PURE__ */ __name(() => {
     const state2 = getState();
@@ -353,8 +353,8 @@ var useViewPortDimension = /* @__PURE__ */ __name((name) => {
   return viewPort;
 }, "useViewPortDimension");
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-z34CeYQYZ9li/solid-pianoroll/src/viewport/ScrollZoomContainer.module.css.js
-var digest3 = "58f65cab946007ad872eaf12fc29c802f739a009b7343bdf77207d442d49e738";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-kFUHK8qcnYRc/solid-pianoroll/src/viewport/ScrollZoomContainer.module.css.js
+var digest3 = "e4fe5f40bb4171927322bea9bf991614f0f4fc7d6b3e5dd9ef83179606f22d04";
 var css3 = `._ScrollZoomContainer_f395r_1 {
   height: 100%;
   width: 100%;
@@ -372,7 +372,7 @@ var css3 = `._ScrollZoomContainer_f395r_1 {
     document.head.appendChild(el);
   }
 })();
-var ScrollZoomContainer_module_css_default = { "scrollZoomContainer": "_ScrollZoomContainer_f395r_1" };
+var ScrollZoomContainer_module_css_default = { "ScrollZoomContainer": "_ScrollZoomContainer_f395r_1", "scrollZoomContainer": "_ScrollZoomContainer_f395r_1" };
 
 // src/viewport/ScrollZoomContainer.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div><div><div><div></div></div></div></div>`, 8);
@@ -599,8 +599,8 @@ var keys = Array.from({
 var PianoRollKeys_default = PianoRollKeys;
 delegateEvents(["mousedown", "mouseup"]);
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-SENiLgehmaRv/solid-pianoroll/src/PianoRollNotes.module.css.js
-var digest4 = "d32249d8c7c0106628fae7a17d315808c6d638c17d0e5b249fa66822e9079fbc";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-W2xGks6vBdVt/solid-pianoroll/src/PianoRollNotes.module.css.js
+var digest4 = "24e1bbbb7f2a4562c61f9c076e63366d30f65aef3f6581c068d2e9aba40c78c6";
 var css4 = `._PianoRollNotes_u3pew_1 {
   position: absolute;
   flex: 1;
@@ -641,7 +641,7 @@ var css4 = `._PianoRollNotes_u3pew_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollNotes_module_css_default = { "pianoRollNotes": "_PianoRollNotes_u3pew_1", "note": "_Note_u3pew_12", "trimStart": "_trimStart_u3pew_22", "trimEnd": "_trimEnd_u3pew_26" };
+var PianoRollNotes_module_css_default = { "PianoRollNotes": "_PianoRollNotes_u3pew_1", "pianoRollNotes": "_PianoRollNotes_u3pew_1", "Note": "_Note_u3pew_12", "note": "_Note_u3pew_12", "trimStart": "_trimStart_u3pew_22", "trimEnd": "_trimEnd_u3pew_26" };
 
 // src/PianoRollNotes.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div></div>`, 2);
@@ -833,8 +833,8 @@ var PianoRollNotes = /* @__PURE__ */ __name((props) => {
 var PianoRollNotes_default = PianoRollNotes;
 delegateEvents(["mousedown", "mousemove", "dblclick"]);
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-yky0Qv2c5H02/solid-pianoroll/src/PianoRollGrid.module.css.js
-var digest5 = "bef5af7e6b3b53438d6f460319bb6386b517a5523d5a177037058e5b8317674e";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-6CpPI7bz8DC0/solid-pianoroll/src/PianoRollGrid.module.css.js
+var digest5 = "235bc74c28e6dc96e6828689bdb99d4b9d1c684295fb499b0e2ce85834299f70";
 var css5 = `._PianoRollGrid_qke5f_1 {
   position: relative;
   width: 100%;
@@ -890,7 +890,7 @@ var css5 = `._PianoRollGrid_qke5f_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollGrid_module_css_default = { "pianoRollGrid": "_PianoRollGrid_qke5f_1", "pianoRollGridRow": "_PianoRollGrid-Row_qke5f_7", "isDark": "_IsDark_qke5f_14", "key": "_Key_qke5f_18", "isBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "pianoRollGridTime": "_PianoRollGrid-Time_qke5f_26", "highlighted": "_Highlighted_qke5f_37", "highlightedBorder": "_HighlightedBorder_qke5f_41" };
+var PianoRollGrid_module_css_default = { "PianoRollGrid": "_PianoRollGrid_qke5f_1", "pianoRollGrid": "_PianoRollGrid_qke5f_1", "PianoRollGrid-Row": "_PianoRollGrid-Row_qke5f_7", "pianoRollGridRow": "_PianoRollGrid-Row_qke5f_7", "IsDark": "_IsDark_qke5f_14", "isDark": "_IsDark_qke5f_14", "Key": "_Key_qke5f_18", "key": "_Key_qke5f_18", "IsBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "isBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "PianoRollGrid-Time": "_PianoRollGrid-Time_qke5f_26", "pianoRollGridTime": "_PianoRollGrid-Time_qke5f_26", "Highlighted": "_Highlighted_qke5f_37", "highlighted": "_Highlighted_qke5f_37", "HighlightedBorder": "_HighlightedBorder_qke5f_41", "highlightedBorder": "_HighlightedBorder_qke5f_41" };
 var usePianoRollGrid = /* @__PURE__ */ __name(() => {
   const context = usePianoRollContext();
   const horizontalViewPort = createMemo(() => useViewPortDimension("horizontal"));
@@ -1112,8 +1112,8 @@ var ZoomSliderControl = /* @__PURE__ */ __name((props) => {
 }, "ZoomSliderControl");
 var ZoomSliderControl_default = ZoomSliderControl;
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-klyaUxmiR6E6/solid-pianoroll/src/PianoRollTrackList.module.css.js
-var digest6 = "6056d57de83d8e4c4523216c80e2e310bfe4af3721ee4a3bcd1ea77675ce33f2";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-04o3zUwnfo41/solid-pianoroll/src/PianoRollTrackList.module.css.js
+var digest6 = "afbe02a679816121294673116a825a0139d6f81501e4f92d1b588dc1edcd59c5";
 var css6 = `._PianoRollTrackList_11kti_1 {
   position: relative;
   height: 100%;
@@ -1149,7 +1149,7 @@ Track._selected_11kti_21 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollTrackList_module_css_default = { "pianoRollTrackList": "_PianoRollTrackList_11kti_1", "track": "_Track_11kti_7", "selected": "_selected_11kti_21" };
+var PianoRollTrackList_module_css_default = { "PianoRollTrackList": "_PianoRollTrackList_11kti_1", "pianoRollTrackList": "_PianoRollTrackList_11kti_1", "Track": "_Track_11kti_7", "track": "_Track_11kti_7", "selected": "_selected_11kti_21" };
 var _tmpl$6 = /* @__PURE__ */ template(`<div></div>`, 2);
 var _tmpl$22 = /* @__PURE__ */ template(`<div> </div>`, 2);
 var PianoRollTrackList = /* @__PURE__ */ __name(() => {
@@ -1321,8 +1321,8 @@ var PianoRollTrackListScroller = /* @__PURE__ */ __name((props) => {
 }, "PianoRollTrackListScroller");
 var PianoRollTrackListScroller_default = PianoRollTrackListScroller;
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-9OGmi28jUoHf/solid-pianoroll/src/PianoRollScale.module.css.js
-var digest7 = "65643106a937c4c0bffd54789ed098499d6c2055ca2ea4fa79920c0020859678";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-8G8I801gc8CC/solid-pianoroll/src/PianoRollScale.module.css.js
+var digest7 = "395878099b1ce30d4f3cdc790318386e5318ae90ec1fbca8292947126d57e274";
 var css7 = `._PianoRollScale_1khhn_1 {
   position: relative;
   width: 100%;
@@ -1372,7 +1372,7 @@ var css7 = `._PianoRollScale_1khhn_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollScale_module_css_default = { "pianoRollScale": "_PianoRollScale_1khhn_1", "pianoRollScaleTime": "_PianoRollScale-Time_1khhn_7", "pianoRollScaleLabel": "_PianoRollScale-Label_1khhn_23", "highlighted": "_Highlighted_1khhn_31", "highlightedBorder": "_HighlightedBorder_1khhn_35" };
+var PianoRollScale_module_css_default = { "PianoRollScale": "_PianoRollScale_1khhn_1", "pianoRollScale": "_PianoRollScale_1khhn_1", "PianoRollScale-Time": "_PianoRollScale-Time_1khhn_7", "pianoRollScaleTime": "_PianoRollScale-Time_1khhn_7", "PianoRollScale-Label": "_PianoRollScale-Label_1khhn_23", "pianoRollScaleLabel": "_PianoRollScale-Label_1khhn_23", "Highlighted": "_Highlighted_1khhn_31", "highlighted": "_Highlighted_1khhn_31", "HighlightedBorder": "_HighlightedBorder_1khhn_35", "highlightedBorder": "_HighlightedBorder_1khhn_35" };
 
 // src/PianoRollScale.tsx
 var _tmpl$7 = /* @__PURE__ */ template(`<div></div>`, 2);

package/dist/dev.jsx

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-4lSEurKZS4xC/solid-pianoroll/src/PianoRoll.module.css.js
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-sP3xC5tkBIbO/solid-pianoroll/src/PianoRoll.module.css.js
 var digest = "1768455784e6754f5fb57107bf43cc8478bbe0ec2ced0bc6aeb796949dcc4906";
 var css = `._PianoRoll_1v1e7_1 {
   box-sizing: border-box;
@@ -50,7 +50,7 @@ var css = `._PianoRoll_1v1e7_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRoll_module_css_default = { "pianoRoll": "_PianoRoll_1v1e7_1", "pianoRollContainer": "_PianoRollContainer_1v1e7_10", "pianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "showTrackList": "_showTrackList_1v1e7_24", "pianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29" };
+var PianoRoll_module_css_default = { "PianoRoll": "_PianoRoll_1v1e7_1", "pianoRoll": "_PianoRoll_1v1e7_1", "PianoRollContainer": "_PianoRollContainer_1v1e7_10", "pianoRollContainer": "_PianoRollContainer_1v1e7_10", "PianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "pianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "showTrackList": "_showTrackList_1v1e7_24", "PianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29", "pianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29" };
 
 // src/PianoRoll.tsx
 import { Show as Show6, mergeProps as mergeProps4 } from "solid-js";
@@ -202,8 +202,8 @@ var usePianoRollContext = /* @__PURE__ */ __name(() => {
 }, "usePianoRollContext");
 var splitContextProps = /* @__PURE__ */ __name((allProps) => splitProps(allProps, [...pianoRollStatePropNames, "showAllTracks", "showTrackList"]), "splitContextProps");
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-giqIfMskMsUC/solid-pianoroll/src/PianoRollKeys.module.css.js
-var digest2 = "a2160cefc96d2c57ab5bc57c0dfc1f009ceabf6981d7bd2c88f333621de2e52f";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-h0J6ufEdoZnp/solid-pianoroll/src/PianoRollKeys.module.css.js
+var digest2 = "43ff8a83e16e16f0fdb1892d49e9196251474605866c5655b4975053b3712024";
 var css2 = `._PianoRollKeys_1ne9i_1 {
   position: relative;
   height: 100%;
@@ -266,7 +266,7 @@ var css2 = `._PianoRollKeys_1ne9i_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollKeys_module_css_default = { "pianoRollKeys": "_PianoRollKeys_1ne9i_1", "key": "_Key_1ne9i_14", "black": "_black_1ne9i_29", "white": "_white_1ne9i_38", "down": "_down_1ne9i_46" };
+var PianoRollKeys_module_css_default = { "PianoRollKeys": "_PianoRollKeys_1ne9i_1", "pianoRollKeys": "_PianoRollKeys_1ne9i_1", "Key": "_Key_1ne9i_14", "key": "_Key_1ne9i_14", "black": "_black_1ne9i_29", "white": "_white_1ne9i_38", "down": "_down_1ne9i_46" };
 
 // src/PianoRollKeys.tsx
 import { createEffect as createEffect3, createMemo as createMemo2, createSignal, Index, Show } from "solid-js";
@@ -367,8 +367,8 @@ var useViewPortDimension = /* @__PURE__ */ __name((name) => {
 // src/viewport/ScrollZoomContainer.tsx
 import { createEffect as createEffect2, createMemo, mergeProps as mergeProps2, splitProps as splitProps2 } from "solid-js";
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-DACyjAWFEZua/solid-pianoroll/src/viewport/ScrollZoomContainer.module.css.js
-var digest3 = "da87d2f74ba194d0dab11eb617c56efea90f00f122f089820383ed1269e10936";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-6m4jhOwMmdGL/solid-pianoroll/src/viewport/ScrollZoomContainer.module.css.js
+var digest3 = "706b76f18d237800ebbdacac3bbc9f156285f441174856bce7051e0bc633a558";
 var css3 = `._ScrollZoomContainer_f395r_1 {
   height: 100%;
   width: 100%;
@@ -386,7 +386,7 @@ var css3 = `._ScrollZoomContainer_f395r_1 {
     document.head.appendChild(el);
   }
 })();
-var ScrollZoomContainer_module_css_default = { "scrollZoomContainer": "_ScrollZoomContainer_f395r_1" };
+var ScrollZoomContainer_module_css_default = { "ScrollZoomContainer": "_ScrollZoomContainer_f395r_1", "scrollZoomContainer": "_ScrollZoomContainer_f395r_1" };
 
 // src/viewport/ScrollZoomContainer.tsx
 var ScrollZoomContainer = /* @__PURE__ */ __name((props) => {
@@ -584,8 +584,8 @@ var PianoRollKeys_default = PianoRollKeys;
 // src/PianoRollNotes.tsx
 import { createMemo as createMemo3, createSignal as createSignal2, For, Show as Show2 } from "solid-js";
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-H6bkIm6VjhJs/solid-pianoroll/src/PianoRollNotes.module.css.js
-var digest4 = "fb03dfb9f9735042f035cb3dc6f116588f2ff84bccb7b1eaafbf1e04d0d357c2";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-5zvm3gbViIjt/solid-pianoroll/src/PianoRollNotes.module.css.js
+var digest4 = "7f3073f39741655e3597959fae986662e8f33fdd2b4bbd37a4b5daa1845b1728";
 var css4 = `._PianoRollNotes_u3pew_1 {
   position: absolute;
   flex: 1;
@@ -626,7 +626,7 @@ var css4 = `._PianoRollNotes_u3pew_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollNotes_module_css_default = { "pianoRollNotes": "_PianoRollNotes_u3pew_1", "note": "_Note_u3pew_12", "trimStart": "_trimStart_u3pew_22", "trimEnd": "_trimEnd_u3pew_26" };
+var PianoRollNotes_module_css_default = { "PianoRollNotes": "_PianoRollNotes_u3pew_1", "pianoRollNotes": "_PianoRollNotes_u3pew_1", "Note": "_Note_u3pew_12", "note": "_Note_u3pew_12", "trimStart": "_trimStart_u3pew_22", "trimEnd": "_trimEnd_u3pew_26" };
 
 // src/PianoRollNotes.tsx
 var PianoRollNotes = /* @__PURE__ */ __name((props) => {
@@ -809,8 +809,8 @@ var PianoRollNotes_default = PianoRollNotes;
 // src/PianoRollGrid.tsx
 import { createMemo as createMemo5, For as For2, Index as Index2, Show as Show3 } from "solid-js";
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-6elOn94vcLry/solid-pianoroll/src/PianoRollGrid.module.css.js
-var digest5 = "b0952315b4fe36c31ed82062cb6cba74437c761ac8863b381025d697a4c4b98e";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-6i8VlT5INXM1/solid-pianoroll/src/PianoRollGrid.module.css.js
+var digest5 = "f2645244c8a161782fd2f931a6de7dfc7b6e441126b460496e46781e73310139";
 var css5 = `._PianoRollGrid_qke5f_1 {
   position: relative;
   width: 100%;
@@ -866,7 +866,7 @@ var css5 = `._PianoRollGrid_qke5f_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollGrid_module_css_default = { "pianoRollGrid": "_PianoRollGrid_qke5f_1", "pianoRollGridRow": "_PianoRollGrid-Row_qke5f_7", "isDark": "_IsDark_qke5f_14", "key": "_Key_qke5f_18", "isBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "pianoRollGridTime": "_PianoRollGrid-Time_qke5f_26", "highlighted": "_Highlighted_qke5f_37", "highlightedBorder": "_HighlightedBorder_qke5f_41" };
+var PianoRollGrid_module_css_default = { "PianoRollGrid": "_PianoRollGrid_qke5f_1", "pianoRollGrid": "_PianoRollGrid_qke5f_1", "PianoRollGrid-Row": "_PianoRollGrid-Row_qke5f_7", "pianoRollGridRow": "_PianoRollGrid-Row_qke5f_7", "IsDark": "_IsDark_qke5f_14", "isDark": "_IsDark_qke5f_14", "Key": "_Key_qke5f_18", "key": "_Key_qke5f_18", "IsBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "isBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "PianoRollGrid-Time": "_PianoRollGrid-Time_qke5f_26", "pianoRollGridTime": "_PianoRollGrid-Time_qke5f_26", "Highlighted": "_Highlighted_qke5f_37", "highlighted": "_Highlighted_qke5f_37", "HighlightedBorder": "_HighlightedBorder_qke5f_41", "highlightedBorder": "_HighlightedBorder_qke5f_41" };
 
 // src/usePianoRollGrid.ts
 import { createMemo as createMemo4 } from "solid-js";
@@ -1016,8 +1016,8 @@ var ZoomSliderControl = /* @__PURE__ */ __name((props) => {
 }, "ZoomSliderControl");
 var ZoomSliderControl_default = ZoomSliderControl;
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-s5a7xEDYct3c/solid-pianoroll/src/PianoRollTrackList.module.css.js
-var digest6 = "77f61e2e770dc69815f8561e41ee5519ceb2eb971ed938593e2695d0b0edc716";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-buPUvUocN616/solid-pianoroll/src/PianoRollTrackList.module.css.js
+var digest6 = "9feffc0bb28754aa63198c38e979aa99fa5070ce4aaac31f62bd302b46c7e9fb";
 var css6 = `._PianoRollTrackList_11kti_1 {
   position: relative;
   height: 100%;
@@ -1053,7 +1053,7 @@ Track._selected_11kti_21 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollTrackList_module_css_default = { "pianoRollTrackList": "_PianoRollTrackList_11kti_1", "track": "_Track_11kti_7", "selected": "_selected_11kti_21" };
+var PianoRollTrackList_module_css_default = { "PianoRollTrackList": "_PianoRollTrackList_11kti_1", "pianoRollTrackList": "_PianoRollTrackList_11kti_1", "Track": "_Track_11kti_7", "track": "_Track_11kti_7", "selected": "_selected_11kti_21" };
 
 // src/PianoRollTrackList.tsx
 import { createMemo as createMemo7, Index as Index3, Show as Show4 } from "solid-js";
@@ -1206,8 +1206,8 @@ var PianoRollTrackListScroller_default = PianoRollTrackListScroller;
 // src/PianoRollScale.tsx
 import { createMemo as createMemo8, Index as Index4, Show as Show5 } from "solid-js";
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-ZNE7lRttL9wJ/solid-pianoroll/src/PianoRollScale.module.css.js
-var digest7 = "cb997b7e12c7761253708bd6ddeeafac5c949397b9c43741d4bdf2d93d534714";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-Mz2J6KRhdYeM/solid-pianoroll/src/PianoRollScale.module.css.js
+var digest7 = "c3e76ce4577ad4af858af1cdaed59e6f111e73b4d364d899a97da5d9ac88919c";
 var css7 = `._PianoRollScale_1khhn_1 {
   position: relative;
   width: 100%;
@@ -1257,7 +1257,7 @@ var css7 = `._PianoRollScale_1khhn_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollScale_module_css_default = { "pianoRollScale": "_PianoRollScale_1khhn_1", "pianoRollScaleTime": "_PianoRollScale-Time_1khhn_7", "pianoRollScaleLabel": "_PianoRollScale-Label_1khhn_23", "highlighted": "_Highlighted_1khhn_31", "highlightedBorder": "_HighlightedBorder_1khhn_35" };
+var PianoRollScale_module_css_default = { "PianoRollScale": "_PianoRollScale_1khhn_1", "pianoRollScale": "_PianoRollScale_1khhn_1", "PianoRollScale-Time": "_PianoRollScale-Time_1khhn_7", "pianoRollScaleTime": "_PianoRollScale-Time_1khhn_7", "PianoRollScale-Label": "_PianoRollScale-Label_1khhn_23", "pianoRollScaleLabel": "_PianoRollScale-Label_1khhn_23", "Highlighted": "_Highlighted_1khhn_31", "highlighted": "_Highlighted_1khhn_31", "HighlightedBorder": "_HighlightedBorder_1khhn_35", "highlightedBorder": "_HighlightedBorder_1khhn_35" };
 
 // src/PianoRollScale.tsx
 var PianoRollScale = /* @__PURE__ */ __name(() => {

package/dist/index.cjs

@@ -7,7 +7,7 @@ var store = require('solid-js/store');
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-ICY1eRFz6mir/solid-pianoroll/src/PianoRoll.module.css.js
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-FOsiVqLCjAQ6/solid-pianoroll/src/PianoRoll.module.css.js
 var digest = "887a11995d1eb7609e0c745d81bd88369ecf06022a472277697f5ac8361ce2d3";
 var css = `._PianoRoll_1v1e7_1 {
   box-sizing: border-box;
@@ -56,7 +56,7 @@ var css = `._PianoRoll_1v1e7_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRoll_module_css_default = { "pianoRoll": "_PianoRoll_1v1e7_1", "pianoRollContainer": "_PianoRollContainer_1v1e7_10", "pianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "showTrackList": "_showTrackList_1v1e7_24", "pianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29" };
+var PianoRoll_module_css_default = { "PianoRoll": "_PianoRoll_1v1e7_1", "pianoRoll": "_PianoRoll_1v1e7_1", "PianoRollContainer": "_PianoRollContainer_1v1e7_10", "pianoRollContainer": "_PianoRollContainer_1v1e7_10", "PianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "pianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "showTrackList": "_showTrackList_1v1e7_24", "PianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29", "pianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29" };
 var defaultState = {
   ppq: 0,
   mode: "keys",
@@ -198,8 +198,8 @@ var usePianoRollContext = /* @__PURE__ */ __name(() => {
 }, "usePianoRollContext");
 var splitContextProps = /* @__PURE__ */ __name((allProps) => solidJs.splitProps(allProps, [...pianoRollStatePropNames, "showAllTracks", "showTrackList"]), "splitContextProps");
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-XTzJxxUBqP7a/solid-pianoroll/src/PianoRollKeys.module.css.js
-var digest2 = "9eee7db1ee02d496e6d024d83d65807eb558b3b8a8c299f50b5b219852cb443b";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-6dTWcJEqWQTY/solid-pianoroll/src/PianoRollKeys.module.css.js
+var digest2 = "03b20096f415e0b57d6aec151fb4204c32b67ef9d25331d300984de7c7d34490";
 var css2 = `._PianoRollKeys_1ne9i_1 {
   position: relative;
   height: 100%;
@@ -262,7 +262,7 @@ var css2 = `._PianoRollKeys_1ne9i_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollKeys_module_css_default = { "pianoRollKeys": "_PianoRollKeys_1ne9i_1", "key": "_Key_1ne9i_14", "black": "_black_1ne9i_29", "white": "_white_1ne9i_38", "down": "_down_1ne9i_46" };
+var PianoRollKeys_module_css_default = { "PianoRollKeys": "_PianoRollKeys_1ne9i_1", "pianoRollKeys": "_PianoRollKeys_1ne9i_1", "Key": "_Key_1ne9i_14", "key": "_Key_1ne9i_14", "black": "_black_1ne9i_29", "white": "_white_1ne9i_38", "down": "_down_1ne9i_46" };
 function createViewPortDimension(getState) {
   const getStateWithFunctions = /* @__PURE__ */ __name(() => {
     const state2 = getState();
@@ -355,8 +355,8 @@ var useViewPortDimension = /* @__PURE__ */ __name((name) => {
   return viewPort;
 }, "useViewPortDimension");
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-ExUbD1gHDknq/solid-pianoroll/src/viewport/ScrollZoomContainer.module.css.js
-var digest3 = "b183326d04fa0ce91fc2b14b5c86cf90f8dd05ada5b11d37517e813f846ff9f2";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-OmWtiaJZ1A76/solid-pianoroll/src/viewport/ScrollZoomContainer.module.css.js
+var digest3 = "24d1adf7c72fa4bf71c21236b6d2b0719c8e90ad884e5ed126d2992e28aa8e4f";
 var css3 = `._ScrollZoomContainer_f395r_1 {
   height: 100%;
   width: 100%;
@@ -374,7 +374,7 @@ var css3 = `._ScrollZoomContainer_f395r_1 {
     document.head.appendChild(el);
   }
 })();
-var ScrollZoomContainer_module_css_default = { "scrollZoomContainer": "_ScrollZoomContainer_f395r_1" };
+var ScrollZoomContainer_module_css_default = { "ScrollZoomContainer": "_ScrollZoomContainer_f395r_1", "scrollZoomContainer": "_ScrollZoomContainer_f395r_1" };
 
 // src/viewport/ScrollZoomContainer.tsx
 var _tmpl$ = /* @__PURE__ */ web.template(`<div><div><div><div></div></div></div></div>`, 8);
@@ -601,8 +601,8 @@ var keys = Array.from({
 var PianoRollKeys_default = PianoRollKeys;
 web.delegateEvents(["mousedown", "mouseup"]);
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-II5CwKdW7nhz/solid-pianoroll/src/PianoRollNotes.module.css.js
-var digest4 = "c0579caa86ddc261d883f25cd2d718cf6306cc787d066324d3005d470db0f99f";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-JdJ5VDGsHGGH/solid-pianoroll/src/PianoRollNotes.module.css.js
+var digest4 = "88d85611b5c2bde3bc1977c84a04887008291118658c6b63ef4521f91b34a578";
 var css4 = `._PianoRollNotes_u3pew_1 {
   position: absolute;
   flex: 1;
@@ -643,7 +643,7 @@ var css4 = `._PianoRollNotes_u3pew_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollNotes_module_css_default = { "pianoRollNotes": "_PianoRollNotes_u3pew_1", "note": "_Note_u3pew_12", "trimStart": "_trimStart_u3pew_22", "trimEnd": "_trimEnd_u3pew_26" };
+var PianoRollNotes_module_css_default = { "PianoRollNotes": "_PianoRollNotes_u3pew_1", "pianoRollNotes": "_PianoRollNotes_u3pew_1", "Note": "_Note_u3pew_12", "note": "_Note_u3pew_12", "trimStart": "_trimStart_u3pew_22", "trimEnd": "_trimEnd_u3pew_26" };
 
 // src/PianoRollNotes.tsx
 var _tmpl$3 = /* @__PURE__ */ web.template(`<div></div>`, 2);
@@ -835,8 +835,8 @@ var PianoRollNotes = /* @__PURE__ */ __name((props) => {
 var PianoRollNotes_default = PianoRollNotes;
 web.delegateEvents(["mousedown", "mousemove", "dblclick"]);
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-7bj1q1DopClW/solid-pianoroll/src/PianoRollGrid.module.css.js
-var digest5 = "fd0e5ef624e3b9eeab68335d5f92ab4860e2e451c4ac2749c0d603a45ca5ffd9";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-vYSYPll6vbB5/solid-pianoroll/src/PianoRollGrid.module.css.js
+var digest5 = "40faf9aa8a11f47648dbfcdf98fc8f2fb2b6fefa1bd9299897d9dea205356740";
 var css5 = `._PianoRollGrid_qke5f_1 {
   position: relative;
   width: 100%;
@@ -892,7 +892,7 @@ var css5 = `._PianoRollGrid_qke5f_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollGrid_module_css_default = { "pianoRollGrid": "_PianoRollGrid_qke5f_1", "pianoRollGridRow": "_PianoRollGrid-Row_qke5f_7", "isDark": "_IsDark_qke5f_14", "key": "_Key_qke5f_18", "isBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "pianoRollGridTime": "_PianoRollGrid-Time_qke5f_26", "highlighted": "_Highlighted_qke5f_37", "highlightedBorder": "_HighlightedBorder_qke5f_41" };
+var PianoRollGrid_module_css_default = { "PianoRollGrid": "_PianoRollGrid_qke5f_1", "pianoRollGrid": "_PianoRollGrid_qke5f_1", "PianoRollGrid-Row": "_PianoRollGrid-Row_qke5f_7", "pianoRollGridRow": "_PianoRollGrid-Row_qke5f_7", "IsDark": "_IsDark_qke5f_14", "isDark": "_IsDark_qke5f_14", "Key": "_Key_qke5f_18", "key": "_Key_qke5f_18", "IsBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "isBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "PianoRollGrid-Time": "_PianoRollGrid-Time_qke5f_26", "pianoRollGridTime": "_PianoRollGrid-Time_qke5f_26", "Highlighted": "_Highlighted_qke5f_37", "highlighted": "_Highlighted_qke5f_37", "HighlightedBorder": "_HighlightedBorder_qke5f_41", "highlightedBorder": "_HighlightedBorder_qke5f_41" };
 var usePianoRollGrid = /* @__PURE__ */ __name(() => {
   const context = usePianoRollContext();
   const horizontalViewPort = solidJs.createMemo(() => useViewPortDimension("horizontal"));
@@ -1114,8 +1114,8 @@ var ZoomSliderControl = /* @__PURE__ */ __name((props) => {
 }, "ZoomSliderControl");
 var ZoomSliderControl_default = ZoomSliderControl;
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-QdZrQAGE5QYF/solid-pianoroll/src/PianoRollTrackList.module.css.js
-var digest6 = "41eb90ef135f95386f180f9227518c8a2425b6ca486668b314f5efde668dddf2";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-Qw2soqg4UY2e/solid-pianoroll/src/PianoRollTrackList.module.css.js
+var digest6 = "df77d233142e5d8d0abf2bb572603aeb48222d102a663aaaa0be9f4ab43f4767";
 var css6 = `._PianoRollTrackList_11kti_1 {
   position: relative;
   height: 100%;
@@ -1151,7 +1151,7 @@ Track._selected_11kti_21 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollTrackList_module_css_default = { "pianoRollTrackList": "_PianoRollTrackList_11kti_1", "track": "_Track_11kti_7", "selected": "_selected_11kti_21" };
+var PianoRollTrackList_module_css_default = { "PianoRollTrackList": "_PianoRollTrackList_11kti_1", "pianoRollTrackList": "_PianoRollTrackList_11kti_1", "Track": "_Track_11kti_7", "track": "_Track_11kti_7", "selected": "_selected_11kti_21" };
 var _tmpl$6 = /* @__PURE__ */ web.template(`<div></div>`, 2);
 var _tmpl$22 = /* @__PURE__ */ web.template(`<div> </div>`, 2);
 var PianoRollTrackList = /* @__PURE__ */ __name(() => {
@@ -1323,8 +1323,8 @@ var PianoRollTrackListScroller = /* @__PURE__ */ __name((props) => {
 }, "PianoRollTrackListScroller");
 var PianoRollTrackListScroller_default = PianoRollTrackListScroller;
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-PEkRk7mQCoF4/solid-pianoroll/src/PianoRollScale.module.css.js
-var digest7 = "459be1d9b78c4145e6ba92330f475e5eeb075be62c763eb16b70f85f4e19ca56";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-C8fcCAbEzB5N/solid-pianoroll/src/PianoRollScale.module.css.js
+var digest7 = "ff694d65d497b28eee13b1a4b3bf294cd6bcd56c19e212c39e5cf55bc49c50e0";
 var css7 = `._PianoRollScale_1khhn_1 {
   position: relative;
   width: 100%;
@@ -1374,7 +1374,7 @@ var css7 = `._PianoRollScale_1khhn_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollScale_module_css_default = { "pianoRollScale": "_PianoRollScale_1khhn_1", "pianoRollScaleTime": "_PianoRollScale-Time_1khhn_7", "pianoRollScaleLabel": "_PianoRollScale-Label_1khhn_23", "highlighted": "_Highlighted_1khhn_31", "highlightedBorder": "_HighlightedBorder_1khhn_35" };
+var PianoRollScale_module_css_default = { "PianoRollScale": "_PianoRollScale_1khhn_1", "pianoRollScale": "_PianoRollScale_1khhn_1", "PianoRollScale-Time": "_PianoRollScale-Time_1khhn_7", "pianoRollScaleTime": "_PianoRollScale-Time_1khhn_7", "PianoRollScale-Label": "_PianoRollScale-Label_1khhn_23", "pianoRollScaleLabel": "_PianoRollScale-Label_1khhn_23", "Highlighted": "_Highlighted_1khhn_31", "highlighted": "_Highlighted_1khhn_31", "HighlightedBorder": "_HighlightedBorder_1khhn_35", "highlightedBorder": "_HighlightedBorder_1khhn_35" };
 
 // src/PianoRollScale.tsx
 var _tmpl$7 = /* @__PURE__ */ web.template(`<div></div>`, 2);

package/dist/index.js

@@ -5,8 +5,8 @@ import { createStore } from 'solid-js/store';
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-B2c05Irk3i2V/solid-pianoroll/src/PianoRoll.module.css.js
-var digest = "f98365679977aeae978639d556d0bab7b4f40e1a8f0db1eb3e5c93f9af6181e2";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-uumdjtW2RyHH/solid-pianoroll/src/PianoRoll.module.css.js
+var digest = "aa6e03c5e37f26ea12d9db12cf0b54922c25d6767d24d6356119f357fec7dbc1";
 var css = `._PianoRoll_1v1e7_1 {
   box-sizing: border-box;
   display: flex;
@@ -54,7 +54,7 @@ var css = `._PianoRoll_1v1e7_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRoll_module_css_default = { "pianoRoll": "_PianoRoll_1v1e7_1", "pianoRollContainer": "_PianoRollContainer_1v1e7_10", "pianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "showTrackList": "_showTrackList_1v1e7_24", "pianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29" };
+var PianoRoll_module_css_default = { "PianoRoll": "_PianoRoll_1v1e7_1", "pianoRoll": "_PianoRoll_1v1e7_1", "PianoRollContainer": "_PianoRollContainer_1v1e7_10", "pianoRollContainer": "_PianoRollContainer_1v1e7_10", "PianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "pianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "showTrackList": "_showTrackList_1v1e7_24", "PianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29", "pianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29" };
 var defaultState = {
   ppq: 0,
   mode: "keys",
@@ -196,8 +196,8 @@ var usePianoRollContext = /* @__PURE__ */ __name(() => {
 }, "usePianoRollContext");
 var splitContextProps = /* @__PURE__ */ __name((allProps) => splitProps(allProps, [...pianoRollStatePropNames, "showAllTracks", "showTrackList"]), "splitContextProps");
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-60t2Iaw2fcWm/solid-pianoroll/src/PianoRollKeys.module.css.js
-var digest2 = "c253f3f0e69cb27fd803558231f8d4e5c45c59a8f9a9ba08842046daf8cc0265";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-cfesZaQQ10Ku/solid-pianoroll/src/PianoRollKeys.module.css.js
+var digest2 = "b057e5d98badf1f9af4903cbc88a9fa4bb2b399c90a29d8ae6223541f92cef6d";
 var css2 = `._PianoRollKeys_1ne9i_1 {
   position: relative;
   height: 100%;
@@ -260,7 +260,7 @@ var css2 = `._PianoRollKeys_1ne9i_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollKeys_module_css_default = { "pianoRollKeys": "_PianoRollKeys_1ne9i_1", "key": "_Key_1ne9i_14", "black": "_black_1ne9i_29", "white": "_white_1ne9i_38", "down": "_down_1ne9i_46" };
+var PianoRollKeys_module_css_default = { "PianoRollKeys": "_PianoRollKeys_1ne9i_1", "pianoRollKeys": "_PianoRollKeys_1ne9i_1", "Key": "_Key_1ne9i_14", "key": "_Key_1ne9i_14", "black": "_black_1ne9i_29", "white": "_white_1ne9i_38", "down": "_down_1ne9i_46" };
 function createViewPortDimension(getState) {
   const getStateWithFunctions = /* @__PURE__ */ __name(() => {
     const state2 = getState();
@@ -353,8 +353,8 @@ var useViewPortDimension = /* @__PURE__ */ __name((name) => {
   return viewPort;
 }, "useViewPortDimension");
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-yCv51X2tcO3U/solid-pianoroll/src/viewport/ScrollZoomContainer.module.css.js
-var digest3 = "40ac09f67cfe954c78eb1036f68fa6f731549db0c045f103123662d704f60f38";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-H3Ibj1iUgWXY/solid-pianoroll/src/viewport/ScrollZoomContainer.module.css.js
+var digest3 = "dfea32918bb5e05b30aa87bb385d5d5089ce613bad8900501a889444ef672a4b";
 var css3 = `._ScrollZoomContainer_f395r_1 {
   height: 100%;
   width: 100%;
@@ -372,7 +372,7 @@ var css3 = `._ScrollZoomContainer_f395r_1 {
     document.head.appendChild(el);
   }
 })();
-var ScrollZoomContainer_module_css_default = { "scrollZoomContainer": "_ScrollZoomContainer_f395r_1" };
+var ScrollZoomContainer_module_css_default = { "ScrollZoomContainer": "_ScrollZoomContainer_f395r_1", "scrollZoomContainer": "_ScrollZoomContainer_f395r_1" };
 
 // src/viewport/ScrollZoomContainer.tsx
 var _tmpl$ = /* @__PURE__ */ template(`<div><div><div><div></div></div></div></div>`, 8);
@@ -599,8 +599,8 @@ var keys = Array.from({
 var PianoRollKeys_default = PianoRollKeys;
 delegateEvents(["mousedown", "mouseup"]);
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-miODbPTag1Ny/solid-pianoroll/src/PianoRollNotes.module.css.js
-var digest4 = "0840d0e1b391598cfd0b6916dfa65ffa334489415a348d16e2b057bd91f137b4";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-nyFNvzF0L5IC/solid-pianoroll/src/PianoRollNotes.module.css.js
+var digest4 = "27207eb386f7870e1e373f378e14988274f47d3ac31283faa2f5c99cf42ac809";
 var css4 = `._PianoRollNotes_u3pew_1 {
   position: absolute;
   flex: 1;
@@ -641,7 +641,7 @@ var css4 = `._PianoRollNotes_u3pew_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollNotes_module_css_default = { "pianoRollNotes": "_PianoRollNotes_u3pew_1", "note": "_Note_u3pew_12", "trimStart": "_trimStart_u3pew_22", "trimEnd": "_trimEnd_u3pew_26" };
+var PianoRollNotes_module_css_default = { "PianoRollNotes": "_PianoRollNotes_u3pew_1", "pianoRollNotes": "_PianoRollNotes_u3pew_1", "Note": "_Note_u3pew_12", "note": "_Note_u3pew_12", "trimStart": "_trimStart_u3pew_22", "trimEnd": "_trimEnd_u3pew_26" };
 
 // src/PianoRollNotes.tsx
 var _tmpl$3 = /* @__PURE__ */ template(`<div></div>`, 2);
@@ -833,8 +833,8 @@ var PianoRollNotes = /* @__PURE__ */ __name((props) => {
 var PianoRollNotes_default = PianoRollNotes;
 delegateEvents(["mousedown", "mousemove", "dblclick"]);
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-7P1SV2c4t119/solid-pianoroll/src/PianoRollGrid.module.css.js
-var digest5 = "ae0393e869cb87ebfdf83cfaa61345a1a0afa2ecc125f35fff780033551289e3";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-JN3HXWtq8D2T/solid-pianoroll/src/PianoRollGrid.module.css.js
+var digest5 = "0e6d0a14bbbc61c9b1eacfbd714d9a34533094ba18e4a1d7371a4ea65bccb58c";
 var css5 = `._PianoRollGrid_qke5f_1 {
   position: relative;
   width: 100%;
@@ -890,7 +890,7 @@ var css5 = `._PianoRollGrid_qke5f_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollGrid_module_css_default = { "pianoRollGrid": "_PianoRollGrid_qke5f_1", "pianoRollGridRow": "_PianoRollGrid-Row_qke5f_7", "isDark": "_IsDark_qke5f_14", "key": "_Key_qke5f_18", "isBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "pianoRollGridTime": "_PianoRollGrid-Time_qke5f_26", "highlighted": "_Highlighted_qke5f_37", "highlightedBorder": "_HighlightedBorder_qke5f_41" };
+var PianoRollGrid_module_css_default = { "PianoRollGrid": "_PianoRollGrid_qke5f_1", "pianoRollGrid": "_PianoRollGrid_qke5f_1", "PianoRollGrid-Row": "_PianoRollGrid-Row_qke5f_7", "pianoRollGridRow": "_PianoRollGrid-Row_qke5f_7", "IsDark": "_IsDark_qke5f_14", "isDark": "_IsDark_qke5f_14", "Key": "_Key_qke5f_18", "key": "_Key_qke5f_18", "IsBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "isBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "PianoRollGrid-Time": "_PianoRollGrid-Time_qke5f_26", "pianoRollGridTime": "_PianoRollGrid-Time_qke5f_26", "Highlighted": "_Highlighted_qke5f_37", "highlighted": "_Highlighted_qke5f_37", "HighlightedBorder": "_HighlightedBorder_qke5f_41", "highlightedBorder": "_HighlightedBorder_qke5f_41" };
 var usePianoRollGrid = /* @__PURE__ */ __name(() => {
   const context = usePianoRollContext();
   const horizontalViewPort = createMemo(() => useViewPortDimension("horizontal"));
@@ -1112,8 +1112,8 @@ var ZoomSliderControl = /* @__PURE__ */ __name((props) => {
 }, "ZoomSliderControl");
 var ZoomSliderControl_default = ZoomSliderControl;
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-FRomxn6Bc56m/solid-pianoroll/src/PianoRollTrackList.module.css.js
-var digest6 = "3556d10f143497b6a3d647ed1212f7a23b1a90163b41c19eda72e5901652c7f5";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-lR0XsUGhqfId/solid-pianoroll/src/PianoRollTrackList.module.css.js
+var digest6 = "1ede7e0b45d9e049dc7428861fa2dc18276f4d0fdaaaf4e758b0ca956db13ee6";
 var css6 = `._PianoRollTrackList_11kti_1 {
   position: relative;
   height: 100%;
@@ -1149,7 +1149,7 @@ Track._selected_11kti_21 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollTrackList_module_css_default = { "pianoRollTrackList": "_PianoRollTrackList_11kti_1", "track": "_Track_11kti_7", "selected": "_selected_11kti_21" };
+var PianoRollTrackList_module_css_default = { "PianoRollTrackList": "_PianoRollTrackList_11kti_1", "pianoRollTrackList": "_PianoRollTrackList_11kti_1", "Track": "_Track_11kti_7", "track": "_Track_11kti_7", "selected": "_selected_11kti_21" };
 var _tmpl$6 = /* @__PURE__ */ template(`<div></div>`, 2);
 var _tmpl$22 = /* @__PURE__ */ template(`<div> </div>`, 2);
 var PianoRollTrackList = /* @__PURE__ */ __name(() => {
@@ -1321,8 +1321,8 @@ var PianoRollTrackListScroller = /* @__PURE__ */ __name((props) => {
 }, "PianoRollTrackListScroller");
 var PianoRollTrackListScroller_default = PianoRollTrackListScroller;
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-3lC1Ub6qBrzm/solid-pianoroll/src/PianoRollScale.module.css.js
-var digest7 = "6a1947c25dfaaf335a6dccf2f530bfecbe6702512415d911c2ff9a9f247be032";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-9VypJmW1g4Y2/solid-pianoroll/src/PianoRollScale.module.css.js
+var digest7 = "791bac6ee03ee2d5d4eeb634f23ab9b8202dff07a798ed2606b5cc6dfd86812e";
 var css7 = `._PianoRollScale_1khhn_1 {
   position: relative;
   width: 100%;
@@ -1372,7 +1372,7 @@ var css7 = `._PianoRollScale_1khhn_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollScale_module_css_default = { "pianoRollScale": "_PianoRollScale_1khhn_1", "pianoRollScaleTime": "_PianoRollScale-Time_1khhn_7", "pianoRollScaleLabel": "_PianoRollScale-Label_1khhn_23", "highlighted": "_Highlighted_1khhn_31", "highlightedBorder": "_HighlightedBorder_1khhn_35" };
+var PianoRollScale_module_css_default = { "PianoRollScale": "_PianoRollScale_1khhn_1", "pianoRollScale": "_PianoRollScale_1khhn_1", "PianoRollScale-Time": "_PianoRollScale-Time_1khhn_7", "pianoRollScaleTime": "_PianoRollScale-Time_1khhn_7", "PianoRollScale-Label": "_PianoRollScale-Label_1khhn_23", "pianoRollScaleLabel": "_PianoRollScale-Label_1khhn_23", "Highlighted": "_Highlighted_1khhn_31", "highlighted": "_Highlighted_1khhn_31", "HighlightedBorder": "_HighlightedBorder_1khhn_35", "highlightedBorder": "_HighlightedBorder_1khhn_35" };
 
 // src/PianoRollScale.tsx
 var _tmpl$7 = /* @__PURE__ */ template(`<div></div>`, 2);

package/dist/index.jsx

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-Hqww6GbMTJ4H/solid-pianoroll/src/PianoRoll.module.css.js
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-ob34ncAkQvlw/solid-pianoroll/src/PianoRoll.module.css.js
 var digest = "d90f2450d13871a88a0d03dbb9c0bd8b2839f0eedb7a687ece3586572040dfaa";
 var css = `._PianoRoll_1v1e7_1 {
   box-sizing: border-box;
@@ -50,7 +50,7 @@ var css = `._PianoRoll_1v1e7_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRoll_module_css_default = { "pianoRoll": "_PianoRoll_1v1e7_1", "pianoRollContainer": "_PianoRollContainer_1v1e7_10", "pianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "showTrackList": "_showTrackList_1v1e7_24", "pianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29" };
+var PianoRoll_module_css_default = { "PianoRoll": "_PianoRoll_1v1e7_1", "pianoRoll": "_PianoRoll_1v1e7_1", "PianoRollContainer": "_PianoRollContainer_1v1e7_10", "pianoRollContainer": "_PianoRollContainer_1v1e7_10", "PianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "pianoRollLeftColumn": "_PianoRollLeftColumn_1v1e7_17", "showTrackList": "_showTrackList_1v1e7_24", "PianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29", "pianoRollRightColumn": "_PianoRollRightColumn_1v1e7_29" };
 
 // src/PianoRoll.tsx
 import { Show as Show6, mergeProps as mergeProps4 } from "solid-js";
@@ -202,8 +202,8 @@ var usePianoRollContext = /* @__PURE__ */ __name(() => {
 }, "usePianoRollContext");
 var splitContextProps = /* @__PURE__ */ __name((allProps) => splitProps(allProps, [...pianoRollStatePropNames, "showAllTracks", "showTrackList"]), "splitContextProps");
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-podBTBQEfSjY/solid-pianoroll/src/PianoRollKeys.module.css.js
-var digest2 = "bedb433b47853ba2e392929f36149dbfdd6c7638e716eda737af281d3f5b12bf";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-HDzwLAVErUw7/solid-pianoroll/src/PianoRollKeys.module.css.js
+var digest2 = "9f1008928312d61e8977db1f9152ee30457cfd8745a5281f1f4fd3e06e1716d7";
 var css2 = `._PianoRollKeys_1ne9i_1 {
   position: relative;
   height: 100%;
@@ -266,7 +266,7 @@ var css2 = `._PianoRollKeys_1ne9i_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollKeys_module_css_default = { "pianoRollKeys": "_PianoRollKeys_1ne9i_1", "key": "_Key_1ne9i_14", "black": "_black_1ne9i_29", "white": "_white_1ne9i_38", "down": "_down_1ne9i_46" };
+var PianoRollKeys_module_css_default = { "PianoRollKeys": "_PianoRollKeys_1ne9i_1", "pianoRollKeys": "_PianoRollKeys_1ne9i_1", "Key": "_Key_1ne9i_14", "key": "_Key_1ne9i_14", "black": "_black_1ne9i_29", "white": "_white_1ne9i_38", "down": "_down_1ne9i_46" };
 
 // src/PianoRollKeys.tsx
 import { createEffect as createEffect3, createMemo as createMemo2, createSignal, Index, Show } from "solid-js";
@@ -367,8 +367,8 @@ var useViewPortDimension = /* @__PURE__ */ __name((name) => {
 // src/viewport/ScrollZoomContainer.tsx
 import { createEffect as createEffect2, createMemo, mergeProps as mergeProps2, splitProps as splitProps2 } from "solid-js";
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-TzVl0xz4POWF/solid-pianoroll/src/viewport/ScrollZoomContainer.module.css.js
-var digest3 = "9e5df492d9075d32de5b2bbfc3ef03cf9d2ccf0b0e7c310e4ddd44d3d7f37b13";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-h7PsNtYlpDzp/solid-pianoroll/src/viewport/ScrollZoomContainer.module.css.js
+var digest3 = "d79c37d10b0a08e1c58e2fc5dc30223892be55edc02ab69d7f09f171371153e8";
 var css3 = `._ScrollZoomContainer_f395r_1 {
   height: 100%;
   width: 100%;
@@ -386,7 +386,7 @@ var css3 = `._ScrollZoomContainer_f395r_1 {
     document.head.appendChild(el);
   }
 })();
-var ScrollZoomContainer_module_css_default = { "scrollZoomContainer": "_ScrollZoomContainer_f395r_1" };
+var ScrollZoomContainer_module_css_default = { "ScrollZoomContainer": "_ScrollZoomContainer_f395r_1", "scrollZoomContainer": "_ScrollZoomContainer_f395r_1" };
 
 // src/viewport/ScrollZoomContainer.tsx
 var ScrollZoomContainer = /* @__PURE__ */ __name((props) => {
@@ -584,8 +584,8 @@ var PianoRollKeys_default = PianoRollKeys;
 // src/PianoRollNotes.tsx
 import { createMemo as createMemo3, createSignal as createSignal2, For, Show as Show2 } from "solid-js";
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-W0BWhfmMbytV/solid-pianoroll/src/PianoRollNotes.module.css.js
-var digest4 = "34fc8aa8cb6c545476e3e841061c9ea1cc8d98a568e80f309735b379e3fc1f83";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-pImNd2eja4tf/solid-pianoroll/src/PianoRollNotes.module.css.js
+var digest4 = "943f1c0d669c91d501585f79aa7c6e261dd4f85f7b21853e18b7fb1fbe38a4ee";
 var css4 = `._PianoRollNotes_u3pew_1 {
   position: absolute;
   flex: 1;
@@ -626,7 +626,7 @@ var css4 = `._PianoRollNotes_u3pew_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollNotes_module_css_default = { "pianoRollNotes": "_PianoRollNotes_u3pew_1", "note": "_Note_u3pew_12", "trimStart": "_trimStart_u3pew_22", "trimEnd": "_trimEnd_u3pew_26" };
+var PianoRollNotes_module_css_default = { "PianoRollNotes": "_PianoRollNotes_u3pew_1", "pianoRollNotes": "_PianoRollNotes_u3pew_1", "Note": "_Note_u3pew_12", "note": "_Note_u3pew_12", "trimStart": "_trimStart_u3pew_22", "trimEnd": "_trimEnd_u3pew_26" };
 
 // src/PianoRollNotes.tsx
 var PianoRollNotes = /* @__PURE__ */ __name((props) => {
@@ -809,8 +809,8 @@ var PianoRollNotes_default = PianoRollNotes;
 // src/PianoRollGrid.tsx
 import { createMemo as createMemo5, For as For2, Index as Index2, Show as Show3 } from "solid-js";
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-xPuleIAAxlDc/solid-pianoroll/src/PianoRollGrid.module.css.js
-var digest5 = "d6e0e282770693c47137c300bcc5c5c1b2cc1054dc0170e54078440a08d8b775";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-Vg6OvUqRMn3O/solid-pianoroll/src/PianoRollGrid.module.css.js
+var digest5 = "2d81337f922661f0260227c37722b08353e15841be40d913136cdd1aa896da2f";
 var css5 = `._PianoRollGrid_qke5f_1 {
   position: relative;
   width: 100%;
@@ -866,7 +866,7 @@ var css5 = `._PianoRollGrid_qke5f_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollGrid_module_css_default = { "pianoRollGrid": "_PianoRollGrid_qke5f_1", "pianoRollGridRow": "_PianoRollGrid-Row_qke5f_7", "isDark": "_IsDark_qke5f_14", "key": "_Key_qke5f_18", "isBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "pianoRollGridTime": "_PianoRollGrid-Time_qke5f_26", "highlighted": "_Highlighted_qke5f_37", "highlightedBorder": "_HighlightedBorder_qke5f_41" };
+var PianoRollGrid_module_css_default = { "PianoRollGrid": "_PianoRollGrid_qke5f_1", "pianoRollGrid": "_PianoRollGrid_qke5f_1", "PianoRollGrid-Row": "_PianoRollGrid-Row_qke5f_7", "pianoRollGridRow": "_PianoRollGrid-Row_qke5f_7", "IsDark": "_IsDark_qke5f_14", "isDark": "_IsDark_qke5f_14", "Key": "_Key_qke5f_18", "key": "_Key_qke5f_18", "IsBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "isBlackAndNextIsWhite": "_IsBlackAndNextIsWhite_qke5f_21", "PianoRollGrid-Time": "_PianoRollGrid-Time_qke5f_26", "pianoRollGridTime": "_PianoRollGrid-Time_qke5f_26", "Highlighted": "_Highlighted_qke5f_37", "highlighted": "_Highlighted_qke5f_37", "HighlightedBorder": "_HighlightedBorder_qke5f_41", "highlightedBorder": "_HighlightedBorder_qke5f_41" };
 
 // src/usePianoRollGrid.ts
 import { createMemo as createMemo4 } from "solid-js";
@@ -1016,8 +1016,8 @@ var ZoomSliderControl = /* @__PURE__ */ __name((props) => {
 }, "ZoomSliderControl");
 var ZoomSliderControl_default = ZoomSliderControl;
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-SANdk68hmfmj/solid-pianoroll/src/PianoRollTrackList.module.css.js
-var digest6 = "00f9cf74e4b6f472fa64947c771b0cac3d4e9a22b441ed7f4c75971810175f2d";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-jcdMZAFu8LQN/solid-pianoroll/src/PianoRollTrackList.module.css.js
+var digest6 = "e9f8961ee037e20fa2a8071f60eb91f8e32adde4fe62014efe90839a5e4f61fc";
 var css6 = `._PianoRollTrackList_11kti_1 {
   position: relative;
   height: 100%;
@@ -1053,7 +1053,7 @@ Track._selected_11kti_21 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollTrackList_module_css_default = { "pianoRollTrackList": "_PianoRollTrackList_11kti_1", "track": "_Track_11kti_7", "selected": "_selected_11kti_21" };
+var PianoRollTrackList_module_css_default = { "PianoRollTrackList": "_PianoRollTrackList_11kti_1", "pianoRollTrackList": "_PianoRollTrackList_11kti_1", "Track": "_Track_11kti_7", "track": "_Track_11kti_7", "selected": "_selected_11kti_21" };
 
 // src/PianoRollTrackList.tsx
 import { createMemo as createMemo7, Index as Index3, Show as Show4 } from "solid-js";
@@ -1206,8 +1206,8 @@ var PianoRollTrackListScroller_default = PianoRollTrackListScroller;
 // src/PianoRollScale.tsx
 import { createMemo as createMemo8, Index as Index4, Show as Show5 } from "solid-js";
 
-// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-88608-6dBnuNrhNJUL/solid-pianoroll/src/PianoRollScale.module.css.js
-var digest7 = "4b7a0fc66a8c25253654c49ded4ce89b91d3b7dce5317f398ffbf5758b16d75d";
+// esbuild-css-modules-plugin-namespace:/var/folders/hn/m5r9jj0x3zb28s_y23nrnhmc0000gn/T/tmp-90274-kNrDTgfOA32D/solid-pianoroll/src/PianoRollScale.module.css.js
+var digest7 = "4b96172f4bdb557a9510064e4880e8f93bc6f8b0b7c7dec7c7959f03267b0bd8";
 var css7 = `._PianoRollScale_1khhn_1 {
   position: relative;
   width: 100%;
@@ -1257,7 +1257,7 @@ var css7 = `._PianoRollScale_1khhn_1 {
     document.head.appendChild(el);
   }
 })();
-var PianoRollScale_module_css_default = { "pianoRollScale": "_PianoRollScale_1khhn_1", "pianoRollScaleTime": "_PianoRollScale-Time_1khhn_7", "pianoRollScaleLabel": "_PianoRollScale-Label_1khhn_23", "highlighted": "_Highlighted_1khhn_31", "highlightedBorder": "_HighlightedBorder_1khhn_35" };
+var PianoRollScale_module_css_default = { "PianoRollScale": "_PianoRollScale_1khhn_1", "pianoRollScale": "_PianoRollScale_1khhn_1", "PianoRollScale-Time": "_PianoRollScale-Time_1khhn_7", "pianoRollScaleTime": "_PianoRollScale-Time_1khhn_7", "PianoRollScale-Label": "_PianoRollScale-Label_1khhn_23", "pianoRollScaleLabel": "_PianoRollScale-Label_1khhn_23", "Highlighted": "_Highlighted_1khhn_31", "highlighted": "_Highlighted_1khhn_31", "HighlightedBorder": "_HighlightedBorder_1khhn_35", "highlightedBorder": "_HighlightedBorder_1khhn_35" };
 
 // src/PianoRollScale.tsx
 var PianoRollScale = /* @__PURE__ */ __name(() => {

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.27",
+  "version": "0.0.28",
   "name": "solid-pianoroll",
   "description": "Pianoroll UI Control for Solid JS apps",
   "license": "MIT",