@tremolo-ui/react 0.1.5 → 0.1.6

package/dist/index.css

@@ -1,5 +1,5 @@
 :root {
-  --tremolo-theme-color: #4e76e6;
+  --tremolo-theme-color: oklch(59.5% 0.17548 266.373);
 }
 
 .tremolo-no-select {
@@ -12,47 +12,78 @@
   overflow: visible;
   outline: 0;
 
-  &:focus,
-  &:hover {
-    > .tremolo-knob-active-line {
-      color: #4e76e6;
-    }
+  &[aria-readonly='true'] {
+    cursor: not-allowed;
+  }
+}
 
-    > .tremolo-knob-inactive-line {
-      color: #ddd;
-    }
+.tremolo-knob-active-line {
+  overflow: visible;
+  color: oklch(69.2% 0.17548 266.373);
 
-    > .tremolo-knob-thumb {
-      color: #ccc;
-    }
+  :where(.tremolo-knob:focus, .tremolo-knob:hover) & {
+    color: var(--tremolo-theme-color);
   }
 
-  &[aria-readonly='true'] {
-    cursor: not-allowed;
+  :where(.tremolo-knob[aria-disabled='true']) & {
+    color: oklch(50.5% 0.03307 270.021);
   }
+}
 
-  &[aria-disabled='true'] {
-    > .tremolo-knob-active-line {
-      color: #5d6478;
+:where(.dark, [data-theme='dark']) {
+  .tremolo-knob-active-line {
+    color: var(--tremolo-theme-color);
+
+    :where(.tremolo-knob:focus, .tremolo-knob:hover) & {
+      color: oklch(65.2% 0.17548 266.373);
     }
   }
 }
 
-.tremolo-knob-active-line {
-  overflow: visible;
-  color: #7998ec;
+.tremolo-knob-inactive-line {
+  color: oklch(95% 0 0);
+
+  :where(.tremolo-knob:focus, .tremolo-knob:hover) & {
+    color: oklch(90% 0 0);
+  }
 }
 
-.tremolo-knob-inactive-line {
-  color: #eee;
+:where(.dark, [data-theme='dark']) {
+  .tremolo-knob-inactive-line {
+    color: oklch(41.7% 0 0);
+
+    :where(.tremolo-knob:focus, .tremolo-knob:hover) & {
+      color: oklch(44.59% 0 0);
+    }
+  }
 }
 
 .tremolo-knob-thumb {
-  color: #d0d0d0;
+  color: oklch(85.7% 0 0);
+
+  :where(.tremolo-knob:focus, .tremolo-knob:hover) & {
+    color: oklch(84.5% 0 0);
+  }
+}
+
+:where(.dark, [data-theme='dark']) {
+  .tremolo-knob-thumb {
+    color: oklch(48.6% 0 0);
+
+    :where(.tremolo-knob:focus, .tremolo-knob:hover) & {
+      color: oklch(51.7% 0 0);
+    }
+  }
 }
 
 .tremolo-knob-thumb-line {
-  color: #eee;
+  color: oklch(94.2% 0 0);
+}
+
+:where(.dark, [data-theme='dark']) {
+  .tremolo-knob-thumb-line {
+    color: oklch(84.2% 0 0);
+  }
 }
 
 .tremolo-number-input-wrapper {
@@ -234,10 +265,10 @@
 }
 
 .tremolo-piano-white-key {
-  --bg: white;
-  --color: black;
-  --active-bg: #ccc;
-  --active-color: black;
+  --bg: oklch(100% 0 0);
+  --color: oklch(0% 0 0);
+  --active-bg: oklch(90% 0 0);
+  --active-color: oklch(0% 0 0);
 
   box-sizing: border-box;
   position: absolute;
@@ -260,10 +291,10 @@
 }
 
 .tremolo-piano-black-key {
-  --color: white;
-  --bg: #333;
-  --active-color: white;
-  --active-bg: #666;
+  --color: oklch(100% 0 0);
+  --bg: oklch(32.109% 0.00004 271.152);
+  --active-color: oklch(100% 0 0);
+  --active-bg: oklch(47.836% 0.00005 271.152);
 
   box-sizing: border-box;
   position: absolute;
@@ -307,6 +338,22 @@
   max-width: calc(100% - 16px);
 }
 
+:where(.dark, [data-theme='dark']) {
+  .tremolo-piano-white-key {
+    --bg: oklch(48.193% 0.00005 271.152);
+    --color: oklch(100% 0 0);
+    --active-bg: oklch(52.78% 0.00006 271.152);
+    --active-color: oklch(100% 0 0);
+  }
+
+  .tremolo-piano-black-key {
+    --color: oklch(100% 0 0);
+    --bg: oklch(32.109% 0 0);
+    --active-color: oklch(100% 0 0);
+    --active-bg: oklch(38.666% 0.00004 271.152);
+  }
+}
+
 .tremolo-slider {
   display: inline-block;
   cursor: pointer;

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"file":"index.css","names":[],"sources":["../src/styles/global.css","../src/components/Knob/index.css","../src/components/NumberInput/index.css","../src/components/Piano/index.css","../src/components/Slider/index.css","../src/components/XYPad/index.css"],"sourcesContent":[":root {\n  --tremolo-theme-color: #4e76e6;\n}\n\n.tremolo-no-select {\n  user-select: none;\n}\n",".tremolo-knob {\n  display: inline-block;\n  cursor: pointer;\n  overflow: visible;\n  outline: 0;\n\n  &:focus,\n  &:hover {\n    > .tremolo-knob-active-line {\n      color: #4e76e6;\n    }\n\n    > .tremolo-knob-inactive-line {\n      color: #ddd;\n    }\n\n    > .tremolo-knob-thumb {\n      color: #ccc;\n    }\n  }\n\n  &[aria-readonly='true'] {\n    cursor: not-allowed;\n  }\n\n  &[aria-disabled='true'] {\n    > .tremolo-knob-active-line {\n      color: #5d6478;\n    }\n  }\n}\n\n.tremolo-knob-active-line {\n  overflow: visible;\n  color: #7998ec;\n}\n\n.tremolo-knob-inactive-line {\n  color: #eee;\n}\n\n.tremolo-knob-thumb {\n  color: #d0d0d0;\n}\n\n.tremolo-knob-thumb-line {\n  color: #eee;\n}\n",".tremolo-number-input-wrapper {\n  --border-radius: 4px;\n  --stepper-width: 20px;\n  --active-color: var(--tremolo-theme-color);\n\n  display: inline-flex;\n  flex-direction: row;\n  position: relative;\n  width: 140px;\n  height: min-content;\n  border-style: solid;\n  border-color: #c1c1c1;\n  border-width: 0px;\n  outline: none;\n  transition: all 0.1s;\n\n  &:not(:focus-within):has(> .tremolo-number-input[data-error='true']) {\n    border-color: #f34343;\n  }\n\n  &[data-variant='outline'] {\n    border-width: 1px;\n    border-radius: var(--border-radius);\n\n    &:hover {\n      border-color: #909090;\n    }\n\n    &:focus-within {\n      border-color: var(--active-color);\n      box-shadow: 0px 0px 0px 2px\n        color-mix(in srgb, var(--active-color) 10%, transparent);\n    }\n  }\n\n  &[data-variant='filled'] {\n    border-width: 1px;\n    border-radius: var(--border-radius);\n    border-color: transparent;\n    background-color: #edf2f7;\n\n    &:hover {\n      background-color: #e4e9ee;\n    }\n\n    &:focus-within {\n      background-color: inherit;\n      border-color: var(--active-color);\n      box-shadow: 0px 0px 0px 2px\n        color-mix(in srgb, var(--active-color) 10%, transparent);\n    }\n  }\n\n  &[data-variant='flushed'] {\n    border-bottom-width: 1px;\n\n    &:hover {\n      border-color: #909090;\n    }\n\n    &:focus-within {\n      border-color: var(--active-color);\n      box-shadow: 0px 2px 0px 0px\n        color-mix(in srgb, var(--active-color) 10%, transparent);\n    }\n  }\n\n  &[data-stepper='false'] {\n    --stepper-width: 0px;\n  }\n}\n\n.tremolo-number-input {\n  display: block;\n  color: inherit;\n  width: calc(100% - 20px - var(--stepper-width));\n  background-color: inherit;\n  font: inherit;\n  padding: 6px 10px;\n\n  margin: 0;\n  border: none;\n  outline: none;\n  appearance: none;\n\n  &[aria-readonly='true'] {\n    cursor: not-allowed;\n  }\n}\n\n.tremolo-number-input-stepper {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: var(--stepper-width);\n  transition: all 0.1s linear;\n\n  &[data-dynamic='true'] {\n    opacity: 0;\n    transform: translateX(40%);\n  }\n}\n\n:is(\n    .tremolo-number-input-wrapper:hover,\n    .tremolo-number-input-wrapper:focus-within\n  )\n  .tremolo-number-input-stepper {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.tremolo-number-input-increment-stepper {\n  border-inline-start-width: 1px;\n  border-inline-start-style: solid;\n  border-inline-start-color: #ccc;\n  font-size: calc(0.75rem);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 1 0%;\n  max-height: 50%;\n  user-select: none;\n  cursor: pointer;\n  border-top-right-radius: var(--border-radius);\n\n  &[aria-disabled='false']:active {\n    background-color: #3443560e;\n  }\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n  }\n\n  &[aria-readonly='true'] {\n    cursor: not-allowed;\n  }\n}\n\n.tremolo-number-input-decrement-stepper {\n  border-inline-start-width: 1px;\n  border-inline-start-style: solid;\n  border-inline-start-color: #ccc;\n  border-top: 1px solid #ccc;\n  font-size: calc(0.75rem);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 1 0%;\n  max-height: 50%;\n  user-select: none;\n  cursor: pointer;\n  border-bottom-right-radius: var(--border-radius);\n\n  &[aria-disabled='false']:active {\n    background-color: #3443560e;\n  }\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n  }\n\n  &[aria-readonly='true'] {\n    cursor: not-allowed;\n  }\n}\n",".tremolo-piano {\n  display: inline-block;\n  box-sizing: border-box;\n  user-select: none;\n  touch-action: none;\n  position: relative;\n}\n\n.tremolo-piano-white-key {\n  --bg: white;\n  --color: black;\n  --active-bg: #ccc;\n  --active-color: black;\n\n  box-sizing: border-box;\n  position: absolute;\n  background-color: var(--bg);\n  -webkit-tap-highlight-color: transparent;\n  color: var(--color);\n  border: 1px solid #555;\n  border-radius: 0px 0px 8px 8px;\n  cursor: pointer;\n  z-index: 1;\n\n  &[data-active='true'] {\n    background-color: var(--active-bg);\n    color: var(--active-color);\n  }\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n  }\n}\n\n.tremolo-piano-black-key {\n  --color: white;\n  --bg: #333;\n  --active-color: white;\n  --active-bg: #666;\n\n  box-sizing: border-box;\n  position: absolute;\n  background-color: var(--bg);\n  -webkit-tap-highlight-color: transparent;\n  color: var(--color);\n  border: 1px solid #555;\n  border-radius: 0px 0px 8px 8px;\n  cursor: pointer;\n  z-index: 2;\n\n  &[data-active='true'] {\n    background-color: var(--active-bg);\n    color: var(--active-color);\n  }\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n  }\n}\n\n.tremolo-piano-key-label-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: end;\n  height: 100%;\n}\n\n.tremolo-piano-key-label {\n  box-sizing: content-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 0.6rem;\n  height: 10px;\n  margin-bottom: 10px;\n  padding: 4px;\n  border-radius: 4px;\n  border: 1px solid #888;\n  aspect-ratio: 1;\n  max-width: calc(100% - 16px);\n}\n",".tremolo-slider {\n  display: inline-block;\n  cursor: pointer;\n  outline: 0;\n  -webkit-tap-highlight-color: transparent;\n\n  &[aria-readonly='true'] {\n    cursor: not-allowed;\n  }\n}\n\n.tremolo-slider-thumb-wrapper {\n  position: absolute;\n  translate: -50% -50%;\n  z-index: 100;\n}\n\n.tremolo-slider-thumb {\n  --color: var(--tremolo-theme-color);\n\n  background: var(--color);\n  border-radius: 50%;\n  outline: none;\n\n  &[aria-disabled='true'] {\n    background: #5d6478;\n  }\n\n  &[aria-readonly='false']:focus {\n    box-shadow: 0px 0px 0px 3px\n      color-mix(in srgb, var(--color) 20%, transparent);\n  }\n}\n\n.tremolo-slider-track {\n  --active: #7998ec;\n  --inactive: #eee;\n\n  position: relative;\n\n  &[data-vertical='false'] {\n    min-width: 50px;\n  }\n\n  &[data-vertical='true'] {\n    min-height: 50px;\n  }\n\n  &:hover {\n    --active: #6387e9;\n    --inactive: #e0e0e0;\n  }\n\n  &[aria-disabled='true'] {\n    --active: #858890;\n    --inactive: #ddd;\n  }\n}\n\n.tremolo-slider-scale {\n  display: block;\n  position: relative;\n}\n\n.tremolo-slider-scale-option {\n  display: flex;\n  color: #222;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  translate: -50% 0;\n  z-index: 10;\n\n  &[data-vertical='true'] {\n    flex-direction: row;\n    translate: 0 -50%;\n  }\n}\n\n.tremolo-slider-scale-option-mark {\n  background-color: currentColor;\n}\n\n.tremolo-slider-scale-option-label {\n  text-align: right;\n}\n",".tremolo-xy-pad {\n  display: inline-block;\n  cursor: pointer;\n}\n\n.tremolo-xy-pad-area {\n  --color: #eee;\n\n  position: relative;\n  background-color: var(--color);\n}\n\n.tremolo-xy-pad-thumb-wrapper {\n  position: absolute;\n  translate: -50% -50%;\n  z-index: 100;\n}\n\n.tremolo-xy-pad-thumb {\n  --color: var(--tremolo-theme-color);\n\n  border-radius: 50%;\n  outline: none;\n  background-color: var(--color);\n\n  &[aria-disabled='true'] {\n    background-color: #5d6478;\n  }\n\n  &:focus {\n    box-shadow: 0px 0px 0px 3px\n      color-mix(in srgb, var(--color) 20%, transparent);\n  }\n}\n"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA;AACA;;ACNA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AC/CA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACxKA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AChFA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACtFA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA"}
+{"version":3,"file":"index.css","names":[],"sources":["../src/styles/global.css","../src/components/Knob/index.css","../src/components/NumberInput/index.css","../src/components/Piano/index.css","../src/components/Slider/index.css","../src/components/XYPad/index.css"],"sourcesContent":[":root {\n  --tremolo-theme-color: oklch(59.5% 0.17548 266.373);\n}\n\n.tremolo-no-select {\n  user-select: none;\n}\n",".tremolo-knob {\n  display: inline-block;\n  cursor: pointer;\n  overflow: visible;\n  outline: 0;\n\n  &[aria-readonly='true'] {\n    cursor: not-allowed;\n  }\n}\n\n.tremolo-knob-active-line {\n  overflow: visible;\n  color: oklch(69.2% 0.17548 266.373);\n\n  :where(.tremolo-knob:focus, .tremolo-knob:hover) & {\n    color: var(--tremolo-theme-color);\n  }\n\n  :where(.tremolo-knob[aria-disabled='true']) & {\n    color: oklch(50.5% 0.03307 270.021);\n  }\n}\n\n:where(.dark, [data-theme='dark']) {\n  .tremolo-knob-active-line {\n    color: var(--tremolo-theme-color);\n\n    :where(.tremolo-knob:focus, .tremolo-knob:hover) & {\n      color: oklch(65.2% 0.17548 266.373);\n    }\n  }\n}\n\n.tremolo-knob-inactive-line {\n  color: oklch(95% 0 0);\n\n  :where(.tremolo-knob:focus, .tremolo-knob:hover) & {\n    color: oklch(90% 0 0);\n  }\n}\n\n:where(.dark, [data-theme='dark']) {\n  .tremolo-knob-inactive-line {\n    color: oklch(41.7% 0 0);\n\n    :where(.tremolo-knob:focus, .tremolo-knob:hover) & {\n      color: oklch(44.59% 0 0);\n    }\n  }\n}\n\n.tremolo-knob-thumb {\n  color: oklch(85.7% 0 0);\n\n  :where(.tremolo-knob:focus, .tremolo-knob:hover) & {\n    color: oklch(84.5% 0 0);\n  }\n}\n\n:where(.dark, [data-theme='dark']) {\n  .tremolo-knob-thumb {\n    color: oklch(48.6% 0 0);\n\n    :where(.tremolo-knob:focus, .tremolo-knob:hover) & {\n      color: oklch(51.7% 0 0);\n    }\n  }\n}\n\n.tremolo-knob-thumb-line {\n  color: oklch(94.2% 0 0);\n}\n\n:where(.dark, [data-theme='dark']) {\n  .tremolo-knob-thumb-line {\n    color: oklch(84.2% 0 0);\n  }\n}\n",".tremolo-number-input-wrapper {\n  --border-radius: 4px;\n  --stepper-width: 20px;\n  --active-color: var(--tremolo-theme-color);\n\n  display: inline-flex;\n  flex-direction: row;\n  position: relative;\n  width: 140px;\n  height: min-content;\n  border-style: solid;\n  border-color: #c1c1c1;\n  border-width: 0px;\n  outline: none;\n  transition: all 0.1s;\n\n  &:not(:focus-within):has(> .tremolo-number-input[data-error='true']) {\n    border-color: #f34343;\n  }\n\n  &[data-variant='outline'] {\n    border-width: 1px;\n    border-radius: var(--border-radius);\n\n    &:hover {\n      border-color: #909090;\n    }\n\n    &:focus-within {\n      border-color: var(--active-color);\n      box-shadow: 0px 0px 0px 2px\n        color-mix(in srgb, var(--active-color) 10%, transparent);\n    }\n  }\n\n  &[data-variant='filled'] {\n    border-width: 1px;\n    border-radius: var(--border-radius);\n    border-color: transparent;\n    background-color: #edf2f7;\n\n    &:hover {\n      background-color: #e4e9ee;\n    }\n\n    &:focus-within {\n      background-color: inherit;\n      border-color: var(--active-color);\n      box-shadow: 0px 0px 0px 2px\n        color-mix(in srgb, var(--active-color) 10%, transparent);\n    }\n  }\n\n  &[data-variant='flushed'] {\n    border-bottom-width: 1px;\n\n    &:hover {\n      border-color: #909090;\n    }\n\n    &:focus-within {\n      border-color: var(--active-color);\n      box-shadow: 0px 2px 0px 0px\n        color-mix(in srgb, var(--active-color) 10%, transparent);\n    }\n  }\n\n  &[data-stepper='false'] {\n    --stepper-width: 0px;\n  }\n}\n\n.tremolo-number-input {\n  display: block;\n  color: inherit;\n  width: calc(100% - 20px - var(--stepper-width));\n  background-color: inherit;\n  font: inherit;\n  padding: 6px 10px;\n\n  margin: 0;\n  border: none;\n  outline: none;\n  appearance: none;\n\n  &[aria-readonly='true'] {\n    cursor: not-allowed;\n  }\n}\n\n.tremolo-number-input-stepper {\n  display: flex;\n  flex-direction: column;\n  height: 100%;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: var(--stepper-width);\n  transition: all 0.1s linear;\n\n  &[data-dynamic='true'] {\n    opacity: 0;\n    transform: translateX(40%);\n  }\n}\n\n:is(\n    .tremolo-number-input-wrapper:hover,\n    .tremolo-number-input-wrapper:focus-within\n  )\n  .tremolo-number-input-stepper {\n  opacity: 1;\n  transform: translateX(0);\n}\n\n.tremolo-number-input-increment-stepper {\n  border-inline-start-width: 1px;\n  border-inline-start-style: solid;\n  border-inline-start-color: #ccc;\n  font-size: calc(0.75rem);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 1 0%;\n  max-height: 50%;\n  user-select: none;\n  cursor: pointer;\n  border-top-right-radius: var(--border-radius);\n\n  &[aria-disabled='false']:active {\n    background-color: #3443560e;\n  }\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n  }\n\n  &[aria-readonly='true'] {\n    cursor: not-allowed;\n  }\n}\n\n.tremolo-number-input-decrement-stepper {\n  border-inline-start-width: 1px;\n  border-inline-start-style: solid;\n  border-inline-start-color: #ccc;\n  border-top: 1px solid #ccc;\n  font-size: calc(0.75rem);\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex: 1 1 0%;\n  max-height: 50%;\n  user-select: none;\n  cursor: pointer;\n  border-bottom-right-radius: var(--border-radius);\n\n  &[aria-disabled='false']:active {\n    background-color: #3443560e;\n  }\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n  }\n\n  &[aria-readonly='true'] {\n    cursor: not-allowed;\n  }\n}\n",".tremolo-piano {\n  display: inline-block;\n  box-sizing: border-box;\n  user-select: none;\n  touch-action: none;\n  position: relative;\n}\n\n.tremolo-piano-white-key {\n  --bg: oklch(100% 0 0);\n  --color: oklch(0% 0 0);\n  --active-bg: oklch(90% 0 0);\n  --active-color: oklch(0% 0 0);\n\n  box-sizing: border-box;\n  position: absolute;\n  background-color: var(--bg);\n  -webkit-tap-highlight-color: transparent;\n  color: var(--color);\n  border: 1px solid #555;\n  border-radius: 0px 0px 8px 8px;\n  cursor: pointer;\n  z-index: 1;\n\n  &[data-active='true'] {\n    background-color: var(--active-bg);\n    color: var(--active-color);\n  }\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n  }\n}\n\n.tremolo-piano-black-key {\n  --color: oklch(100% 0 0);\n  --bg: oklch(32.109% 0.00004 271.152);\n  --active-color: oklch(100% 0 0);\n  --active-bg: oklch(47.836% 0.00005 271.152);\n\n  box-sizing: border-box;\n  position: absolute;\n  background-color: var(--bg);\n  -webkit-tap-highlight-color: transparent;\n  color: var(--color);\n  border: 1px solid #555;\n  border-radius: 0px 0px 8px 8px;\n  cursor: pointer;\n  z-index: 2;\n\n  &[data-active='true'] {\n    background-color: var(--active-bg);\n    color: var(--active-color);\n  }\n\n  &[aria-disabled='true'] {\n    cursor: not-allowed;\n  }\n}\n\n.tremolo-piano-key-label-wrapper {\n  display: flex;\n  justify-content: center;\n  align-items: end;\n  height: 100%;\n}\n\n.tremolo-piano-key-label {\n  box-sizing: content-box;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  font-size: 0.6rem;\n  height: 10px;\n  margin-bottom: 10px;\n  padding: 4px;\n  border-radius: 4px;\n  border: 1px solid #888;\n  aspect-ratio: 1;\n  max-width: calc(100% - 16px);\n}\n\n:where(.dark, [data-theme='dark']) {\n  .tremolo-piano-white-key {\n    --bg: oklch(48.193% 0.00005 271.152);\n    --color: oklch(100% 0 0);\n    --active-bg: oklch(52.78% 0.00006 271.152);\n    --active-color: oklch(100% 0 0);\n  }\n\n  .tremolo-piano-black-key {\n    --color: oklch(100% 0 0);\n    --bg: oklch(32.109% 0 0);\n    --active-color: oklch(100% 0 0);\n    --active-bg: oklch(38.666% 0.00004 271.152);\n  }\n}\n",".tremolo-slider {\n  display: inline-block;\n  cursor: pointer;\n  outline: 0;\n  -webkit-tap-highlight-color: transparent;\n\n  &[aria-readonly='true'] {\n    cursor: not-allowed;\n  }\n}\n\n.tremolo-slider-thumb-wrapper {\n  position: absolute;\n  translate: -50% -50%;\n  z-index: 100;\n}\n\n.tremolo-slider-thumb {\n  --color: var(--tremolo-theme-color);\n\n  background: var(--color);\n  border-radius: 50%;\n  outline: none;\n\n  &[aria-disabled='true'] {\n    background: #5d6478;\n  }\n\n  &[aria-readonly='false']:focus {\n    box-shadow: 0px 0px 0px 3px\n      color-mix(in srgb, var(--color) 20%, transparent);\n  }\n}\n\n.tremolo-slider-track {\n  --active: #7998ec;\n  --inactive: #eee;\n\n  position: relative;\n\n  &[data-vertical='false'] {\n    min-width: 50px;\n  }\n\n  &[data-vertical='true'] {\n    min-height: 50px;\n  }\n\n  &:hover {\n    --active: #6387e9;\n    --inactive: #e0e0e0;\n  }\n\n  &[aria-disabled='true'] {\n    --active: #858890;\n    --inactive: #ddd;\n  }\n}\n\n.tremolo-slider-scale {\n  display: block;\n  position: relative;\n}\n\n.tremolo-slider-scale-option {\n  display: flex;\n  color: #222;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  position: absolute;\n  translate: -50% 0;\n  z-index: 10;\n\n  &[data-vertical='true'] {\n    flex-direction: row;\n    translate: 0 -50%;\n  }\n}\n\n.tremolo-slider-scale-option-mark {\n  background-color: currentColor;\n}\n\n.tremolo-slider-scale-option-label {\n  text-align: right;\n}\n",".tremolo-xy-pad {\n  display: inline-block;\n  cursor: pointer;\n}\n\n.tremolo-xy-pad-area {\n  --color: #eee;\n\n  position: relative;\n  background-color: var(--color);\n}\n\n.tremolo-xy-pad-thumb-wrapper {\n  position: absolute;\n  translate: -50% -50%;\n  z-index: 100;\n}\n\n.tremolo-xy-pad-thumb {\n  --color: var(--tremolo-theme-color);\n\n  border-radius: 50%;\n  outline: none;\n  background-color: var(--color);\n\n  &[aria-disabled='true'] {\n    background-color: #5d6478;\n  }\n\n  &:focus {\n    box-shadow: 0px 0px 0px 3px\n      color-mix(in srgb, var(--color) 20%, transparent);\n  }\n}\n"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA;AACA;;ACNA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AC9EA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;ACxKA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;;AChGA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;ACtFA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;;AAEA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA"}

package/dist/index.d.cts

@@ -1,20 +1,7 @@
 import * as react0 from "react";
-import * as react2 from "react";
-import * as react6 from "react";
-import * as react8 from "react";
 import React$1, { CSSProperties, ComponentPropsWithoutRef, DependencyList, ElementType, ReactElement, ReactNode, RefObject } from "react";
 import { InputEventOption } from "@tremolo-ui/functions";
-import * as react_jsx_runtime0$1 from "react/jsx-runtime";
-import * as react_jsx_runtime5 from "react/jsx-runtime";
-import * as react_jsx_runtime6 from "react/jsx-runtime";
-import * as react_jsx_runtime3 from "react/jsx-runtime";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
 import * as react_jsx_runtime0 from "react/jsx-runtime";
-import * as react_jsx_runtime8 from "react/jsx-runtime";
-import * as react_jsx_runtime9 from "react/jsx-runtime";
-import * as react_jsx_runtime10 from "react/jsx-runtime";
-import * as react_jsx_runtime1 from "react/jsx-runtime";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
 
 //#region src/components/AnimationCanvas/index.d.ts
 /** @category AnimationCanvas */
@@ -149,7 +136,7 @@ interface DragObserverProps<T extends ElementType> {
   onDragEnd?: () => void;
 }
 /** @category DragObserver */
-declare function DragObserver<T extends ElementType = 'div'>(props: DragObserverProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof DragObserverProps<T>>): react_jsx_runtime0$1.JSX.Element;
+declare function DragObserver<T extends ElementType = 'div'>(props: DragObserverProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof DragObserverProps<T>>): react_jsx_runtime0.JSX.Element;
 //# sourceMappingURL=index.d.ts.map
 //#endregion
 //#region src/components/Knob/index.d.ts
@@ -171,7 +158,8 @@ interface KnobProps {
    * @default min
    */
   startValue?: number;
-  size?: number;
+  /** width and height */
+  size?: number | string;
   /** Whether to apply `{use-select: none}` when dragging */
   bodyNoSelect?: boolean;
   /**
@@ -199,8 +187,10 @@ interface KnobProps {
   thumbLineWeight?: number;
   /** percent (0-100) */
   thumbLineLength?: number;
-  /** percent (0-100) */
+  /** line weight [px] */
   lineWeight?: number;
+  /** angle range [degree] */
+  angleRange?: number;
   classes?: {
     activeLine?: string;
     inactiveLine?: string;
@@ -245,7 +235,7 @@ declare function Stepper({
   children,
   className,
   ...props
-}: StepperProps & Omit<ComponentPropsWithoutRef<'div'>, keyof StepperProps>): react_jsx_runtime5.JSX.Element;
+}: StepperProps & Omit<ComponentPropsWithoutRef<'div'>, keyof StepperProps>): react_jsx_runtime0.JSX.Element;
 //# sourceMappingURL=Stepper.d.ts.map
 //#endregion
 //#region src/components/NumberInput/IncrementStepper.d.ts
@@ -260,7 +250,7 @@ declare function IncrementStepper({
   children,
   className,
   ...props
-}: IncrementStepperProps & Omit<ComponentPropsWithoutRef<'div'>, keyof IncrementStepperProps>): react_jsx_runtime6.JSX.Element;
+}: IncrementStepperProps & Omit<ComponentPropsWithoutRef<'div'>, keyof IncrementStepperProps>): react_jsx_runtime0.JSX.Element;
 //# sourceMappingURL=IncrementStepper.d.ts.map
 //#endregion
 //#region src/components/NumberInput/DecrementStepper.d.ts
@@ -275,7 +265,7 @@ declare function DecrementStepper({
   children,
   className,
   ...props
-}: DecrementStepperProps & Omit<ComponentPropsWithoutRef<'div'>, keyof DecrementStepperProps>): react_jsx_runtime3.JSX.Element;
+}: DecrementStepperProps & Omit<ComponentPropsWithoutRef<'div'>, keyof DecrementStepperProps>): react_jsx_runtime0.JSX.Element;
 //# sourceMappingURL=DecrementStepper.d.ts.map
 //#endregion
 //#region src/components/NumberInput/index.d.ts
@@ -340,7 +330,7 @@ interface NumberInputMethods {
  * Input with some useful functions for entering numerical values.
  * @category NumberInput
  */
-declare const NumberInput: react2.ForwardRefExoticComponent<NumberInputProps & Omit<Omit<react2.DetailedHTMLProps<react2.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type" | keyof NumberInputProps> & react2.RefAttributes<NumberInputMethods>>;
+declare const NumberInput: react0.ForwardRefExoticComponent<NumberInputProps & Omit<Omit<react0.DetailedHTMLProps<react0.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type" | keyof NumberInputProps> & react0.RefAttributes<NumberInputMethods>>;
 //#endregion
 //#region src/components/Piano/context.d.ts
 /** @category Piano */
@@ -389,7 +379,7 @@ interface KeyProps {
  * @category Piano
  */
 interface KeyMethods {
-  play: () => void;
+  play: (velocity?: number) => void;
   stop: () => void;
   played: () => boolean;
 }
@@ -424,17 +414,14 @@ declare function KeyLabel({
   __note,
   __label,
   ...props
-}: KeyLabelProps & Omit<ComponentPropsWithoutRef<'div'>, keyof KeyLabelProps>): false | react_jsx_runtime2.JSX.Element;
+}: KeyLabelProps & Omit<ComponentPropsWithoutRef<'div'>, keyof KeyLabelProps>): false | react_jsx_runtime0.JSX.Element;
 //# sourceMappingURL=KeyLabel.d.ts.map
 //#endregion
 //#region src/components/Piano/index.d.ts
 /**
- * Piano component
- *
- * TODO:
- * - add scale highlight
+ * [noteRange.first, noteRange.first + 1 ..., noteRange.last]
+ * @category Piano
  */
-/** @category Piano */
 declare function getNoteRangeArray(noteRange: NoteRange): number[];
 /** @category Piano */
 interface PianoProps {
@@ -447,35 +434,26 @@ interface PianoProps {
   blackNoteWidth?: number;
   height?: number | string;
   style?: CSSProperties;
-  onPlayNote?: (noteNumber: number) => void;
-  onStopNote?: (noteNumber: number) => void;
+  onPlayNote?: (note: number, velocity?: number) => void;
+  onStopNote?: (note: number) => void;
   label?: (note: number, index: number) => ReactNode;
   /**
    * \<WhiteKey /> | \<BlackKey />
    */
   children?: ReactElement | ReactElement[];
 }
+/**
+ * @category Piano
+ */
+interface PianoMethods {
+  playNote: (note: number, velocity?: number) => void;
+  stopNote: (note: number) => void;
+}
 /**
  * Customizable piano component.
  * @category Piano
  */
-declare function Piano({
-  noteRange,
-  glissando,
-  midiMax,
-  keyboardShortcuts,
-  fill,
-  height,
-  whiteNoteWidth: _whiteNoteWidth,
-  style,
-  className,
-  onPlayNote,
-  onStopNote,
-  label,
-  children,
-  onPointerDown,
-  ...props
-}: PianoProps & Omit<ComponentPropsWithoutRef<'div'>, keyof PianoProps>): react_jsx_runtime0.JSX.Element;
+declare const Piano: React$1.ForwardRefExoticComponent<PianoProps & Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof PianoProps> & React$1.RefAttributes<PianoMethods>>;
 //#endregion
 //#region src/components/Slider/context.d.ts
 type State = {
@@ -512,7 +490,7 @@ interface SliderThumbMethods {
 /** @category Slider */
 
 /** @category Slider */
-declare const SliderThumb: react6.ForwardRefExoticComponent<SliderThumbProps & react6.RefAttributes<SliderThumbMethods>>;
+declare const SliderThumb: react0.ForwardRefExoticComponent<SliderThumbProps & react0.RefAttributes<SliderThumbMethods>>;
 //# sourceMappingURL=Thumb.d.ts.map
 //#endregion
 //#region src/components/Slider/Track.d.ts
@@ -544,7 +522,7 @@ declare function SliderTrack({
   __thumb,
   __percent,
   ...props
-}: SliderTrackProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SliderTrackProps>): react_jsx_runtime8.JSX.Element;
+}: SliderTrackProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SliderTrackProps>): react_jsx_runtime0.JSX.Element;
 //# sourceMappingURL=Track.d.ts.map
 //#endregion
 //#region src/components/Slider/type.d.ts
@@ -566,7 +544,7 @@ declare function Scale({
   className,
   style,
   ...props
-}: ScaleProps & Omit<ComponentPropsWithoutRef<'div'>, keyof ScaleProps>): react_jsx_runtime9.JSX.Element;
+}: ScaleProps & Omit<ComponentPropsWithoutRef<'div'>, keyof ScaleProps>): react_jsx_runtime0.JSX.Element;
 //# sourceMappingURL=Scale.d.ts.map
 //#endregion
 //#region src/components/Slider/ScaleOption.d.ts
@@ -606,7 +584,7 @@ declare function ScaleOption({
   className,
   style,
   ...props
-}: ScaleOptionProps & Omit<ComponentPropsWithoutRef<'div'>, keyof ScaleOptionProps>): react_jsx_runtime10.JSX.Element;
+}: ScaleOptionProps & Omit<ComponentPropsWithoutRef<'div'>, keyof ScaleOptionProps>): react_jsx_runtime0.JSX.Element;
 //# sourceMappingURL=ScaleOption.d.ts.map
 //#endregion
 //#region src/components/Slider/index.d.ts
@@ -681,7 +659,7 @@ interface WheelObserverProps<T extends ElementType> {
   onWheel?: (event: WheelEvent) => void;
 }
 /** @category WheelObserver */
-declare function WheelObserver<T extends ElementType = 'div'>(props: WheelObserverProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof WheelObserverProps<T>>): react_jsx_runtime1.JSX.Element;
+declare function WheelObserver<T extends ElementType = 'div'>(props: WheelObserverProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof WheelObserverProps<T>>): react_jsx_runtime0.JSX.Element;
 //# sourceMappingURL=index.d.ts.map
 //#endregion
 //#region src/components/XYPad/Thumb.d.ts
@@ -705,7 +683,7 @@ interface XYPadThumbMethods {
   blur: () => void;
 }
 /** @category XYPad */
-declare const XYPadThumb: react8.ForwardRefExoticComponent<ThumbProps & Omit<Omit<react8.DetailedHTMLProps<react8.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof ThumbProps> & react8.RefAttributes<XYPadThumbMethods>>;
+declare const XYPadThumb: react0.ForwardRefExoticComponent<ThumbProps & Omit<Omit<react0.DetailedHTMLProps<react0.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof ThumbProps> & react0.RefAttributes<XYPadThumbMethods>>;
 //# sourceMappingURL=Thumb.d.ts.map
 //#endregion
 //#region src/components/XYPad/Area.d.ts
@@ -730,7 +708,7 @@ declare function XYPadArea({
   style,
   __thumb,
   ...props
-}: AreaProps & Omit<ComponentPropsWithoutRef<'div'>, keyof AreaProps>): react_jsx_runtime11.JSX.Element;
+}: AreaProps & Omit<ComponentPropsWithoutRef<'div'>, keyof AreaProps>): react_jsx_runtime0.JSX.Element;
 //# sourceMappingURL=Area.d.ts.map
 //#endregion
 //#region src/components/XYPad/index.d.ts
@@ -779,6 +757,9 @@ interface XYPadMethods {
 declare const XYPad: React$1.ForwardRefExoticComponent<XYPadProps & Omit<Omit<React$1.DetailedHTMLProps<React$1.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof XYPadProps> & React$1.RefAttributes<XYPadMethods>>;
 //#endregion
 //#region src/hooks/useAnimationFrame.d.ts
+/**
+ * @category hooks
+ */
 declare function useAnimationFrame(callback?: () => void, deps?: DependencyList): void;
 //# sourceMappingURL=useAnimationFrame.d.ts.map
 //#endregion
@@ -790,6 +771,7 @@ interface UseDragProps {
   onDragEnd?: () => void;
 }
 /**
+ * @category hooks
  * @returns [refCallback, pointerDownHandler]
  */
 declare function useDrag<T extends Element>({
@@ -798,7 +780,6 @@ declare function useDrag<T extends Element>({
   onDragStart,
   onDragEnd
 }: UseDragProps): [(div: EventTarget | null) => void, (event: React.PointerEvent<T>) => void];
-//# sourceMappingURL=useDrag.d.ts.map
 //#endregion
 //#region src/hooks/useDragWithElement.d.ts
 interface UseDragWithElementProps<T extends Element> {
@@ -808,6 +789,7 @@ interface UseDragWithElementProps<T extends Element> {
   onDragEnd?: (normalizedX: number, normalizedY: number) => void;
 }
 /**
+ * @category hooks
  * @returns [refCallback, pointerDownHandler]
  */
 declare function useDragWithElement<T extends Element>({
@@ -816,23 +798,65 @@ declare function useDragWithElement<T extends Element>({
   onDragStart,
   onDragEnd
 }: UseDragWithElementProps<T>): [(div: EventTarget | null) => void, (event: React.PointerEvent<T>) => void];
-//# sourceMappingURL=useDragWithElement.d.ts.map
 //#endregion
 //#region src/hooks/useEventListener.d.ts
 type Target = EventTarget | null | (() => EventTarget | null);
 type Options = boolean | AddEventListenerOptions;
+/**
+ * @category hooks
+ */
 declare function useEventListener<K extends keyof DocumentEventMap>(target: Target, event: K, handler?: (event: DocumentEventMap[K]) => void, options?: Options): VoidFunction;
 declare function useEventListener<K extends keyof WindowEventMap>(target: Target, event: K, handler?: (event: WindowEventMap[K]) => void, options?: Options): VoidFunction;
 declare function useEventListener<K extends keyof GlobalEventHandlersEventMap>(target: Target, event: K, handler?: (event: GlobalEventHandlersEventMap[K]) => void, options?: Options): VoidFunction;
 //#endregion
 //#region src/hooks/useInterval.d.ts
+/**
+ * @category hooks
+ */
 declare function useInterval(callback: () => void, delay: number | null): void;
 //# sourceMappingURL=useInterval.d.ts.map
 //#endregion
 //#region src/hooks/useLongPress.d.ts
+/**
+ * @category hooks
+ */
 declare function useLongPress(callback: () => void, initialDelay?: number, interval?: number): () => void;
 //# sourceMappingURL=useLongPress.d.ts.map
+//#endregion
+//#region src/hooks/useMIDIAccess.d.ts
+/** @private */
+declare const PERMISSION_DENIED = "PERMISSION_DENIED";
+/** @private */
+declare const NOT_SUPPORTED = "NOT_SUPPORTED";
+/** @private */
+type MIDIAccessError = typeof PERMISSION_DENIED | typeof NOT_SUPPORTED;
+/**
+ * Hooks for requesting MIDI access in the browser. The first argument allows you to choose whether to request access on mount.
+ * @category hooks
+ */
+declare function useMIDIAccess(requestOnMount?: boolean): {
+  request: () => void;
+  midiAccess: MIDIAccess | null;
+  error: MIDIAccessError | null;
+};
+//# sourceMappingURL=useMIDIAccess.d.ts.map
+//#endregion
+//#region src/hooks/useMIDIInput.d.ts
+/**
+ * Hooks for handling note on/off events. To be used with useMIDIAccess. Internally uses useMIDIMessage.
+ * @category hooks
+ */
+declare function useMIDIInput(midiAccess: MIDIAccess | null, onNoteOnEvent?: (note: number, velocity: number) => void, onNoteOffEvent?: (note: number) => void, onPitchBendEvent?: (msb: number, lsb: number) => void): void;
+//# sourceMappingURL=useMIDIInput.d.ts.map
+//#endregion
+//#region src/hooks/useMIDIMessage.d.ts
+/**
+ * Hooks for when you want to process MIDI events in more detail than useMIDIInput.
+ * @category hooks
+ */
+declare function useMIDIMessage(midiAccess: MIDIAccess | null, onMIDIMessage: (event: MIDIMessageEvent) => void): void;
+//# sourceMappingURL=useMIDIMessage.d.ts.map
 
 //#endregion
-export { type AbsoluteSizingProps, AnimationCanvas, type AnimationCanvasProps, AnimationKnob, type AnimationKnobMethods, type AnimationKnobProps, type AreaProps, BlackKey, type CommonProps, DecrementStepper, type DecrementStepperProps, DragObserver, type DragObserverProps, type DrawFunction, IncrementStepper, type IncrementStepperProps, type InitFunction, KeyLabel, type KeyLabelProps, type KeyMethods, type KeyProps, type KeyboardShortcuts, Knob, type KnobMethods, type KnobProps, NumberInput, type NumberInputMethods, type NumberInputProps, Piano, type PianoProps, type RelativeSizingProps, SHORTCUTS, Scale, ScaleOption, type ScaleOptionProps, type ScaleProps, Slider, type SliderMethods, type SliderProps, SliderThumb, type SliderThumbMethods, type SliderThumbProps, SliderTrack, type SliderTrackProps, Stepper, type StepperProps, type ThumbProps, type UseDragProps, type UseDragWithElementProps, type ValueOptions, WheelObserver, type WheelObserverProps, WhiteKey, XYPad, XYPadArea, type XYPadMethods, type XYPadProps, XYPadThumb, type XYPadThumbMethods, getNoteRangeArray, useAnimationFrame, useDrag, useDragWithElement, useEventListener, useInterval, useLongPress, useSliderContext };
+export { type AbsoluteSizingProps, AnimationCanvas, type AnimationCanvasProps, AnimationKnob, type AnimationKnobMethods, type AnimationKnobProps, type AreaProps, BlackKey, type CommonProps, DecrementStepper, type DecrementStepperProps, DragObserver, type DragObserverProps, type DrawFunction, IncrementStepper, type IncrementStepperProps, type InitFunction, KeyLabel, type KeyLabelProps, type KeyMethods, type KeyProps, type KeyboardShortcuts, Knob, type KnobMethods, type KnobProps, type MIDIAccessError, NOT_SUPPORTED, NumberInput, type NumberInputMethods, type NumberInputProps, PERMISSION_DENIED, Piano, type PianoMethods, type PianoProps, type RelativeSizingProps, SHORTCUTS, Scale, ScaleOption, type ScaleOptionProps, type ScaleProps, Slider, type SliderMethods, type SliderProps, SliderThumb, type SliderThumbMethods, type SliderThumbProps, SliderTrack, type SliderTrackProps, Stepper, type StepperProps, type ThumbProps, type ValueOptions, WheelObserver, type WheelObserverProps, WhiteKey, XYPad, XYPadArea, type XYPadMethods, type XYPadProps, XYPadThumb, type XYPadThumbMethods, getNoteRangeArray, useAnimationFrame, useDrag, useDragWithElement, useEventListener, useInterval, useLongPress, useMIDIAccess, useMIDIInput, useMIDIMessage, useSliderContext };
 //# sourceMappingURL=index.d.cts.map

package/dist/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/components/AnimationCanvas/index.tsx","../../src/components/AnimationKnob/index.tsx","../../src/components/DragObserver/index.tsx","../../src/components/Knob/index.tsx","../../src/components/NumberInput/type.ts","../../src/components/NumberInput/Stepper.tsx","../../src/components/NumberInput/IncrementStepper.tsx","../../src/components/NumberInput/DecrementStepper.tsx","../../src/components/NumberInput/index.tsx","../../src/components/Piano/context.tsx","../../src/components/Piano/keyboardShortcuts.ts","../../src/components/Piano/key.tsx","../../src/components/Piano/KeyLabel.tsx","../../src/components/Piano/index.tsx","../../src/components/Slider/context.tsx","../../src/components/Slider/Thumb.tsx","../../src/components/Slider/Track.tsx","../../src/components/Slider/type.ts","../../src/components/Slider/Scale.tsx","../../src/components/Slider/ScaleOption.tsx","../../src/components/Slider/index.tsx","../../src/components/WheelObserver/index.tsx","../../src/components/XYPad/Thumb.tsx","../../src/components/XYPad/Area.tsx","../../src/components/XYPad/index.tsx","../../src/hooks/useAnimationFrame.ts","../../src/hooks/useDrag.ts","../../src/hooks/useDragWithElement.ts","../../src/hooks/useEventListener.ts","../../src/hooks/useInterval.ts","../../src/hooks/useLongPress.ts"],"sourcesContent":[],"mappings":";;;;;;;;;;;;;;;;;;;;KAkBY,YAAA,aACD;;;;;;;KAUC,YAAA,aACD;;;;;;;;;;EAZC,WAAA,EAAA,MAAY;EAWZ;EAmBK,GAAA,EAAA,MAAA;CAAW,EAAA,GAAA,IAAA;;AAEnB,UAFQ,WAAA,CAER;EAAY,IAKT,EANJ,YAMI;EAAgC,IAAA,CAAA,EALnC,YAKmC;EAI3B,OAAA,CAAA,EAAA,OAAA;EAMA;AAMjB;;EAAgC,OAAG,CAAA,EAhBvB,gCAgBuB;;;AAEd,UAdJ,mBAAA,CAcI;EAML,KAAA,CAAA,EAAA,MAAA;EAAe,MAAA,CAAA,EAAA,MAAA;;;AAGtB,UAjBQ,mBAAA,CAiBR;EAAwB,YAAkB,CAAA,EAAA,OAAA;EAAoB,gBAAnE,CAAA,EAAA,OAAA;;AACW;AACC,KAbJ,oBAAA,GAAuB,WAaJ,GAZ7B,mBAY6B,GAX7B,mBAW6B;;;;;AAGoB,iBARnC,eAAA,CAQmC,KAAA,EAP1C,WAO0C,GAN/C,mBAM+C,GAL/C,IAK+C,CAL1C,wBAK0C,CAAA,QAAA,CAAA,EAAA,MALA,oBAKA,CAAA,CAAA,EAJhD,YAIgD;AAA/C,iBAHY,eAAA,CAGZ,IAAA,EAFI,WAEJ,GADA,mBACA,GAAA,IAAA,CAAK,wBAAL,CAAA,QAAA,CAAA,EAAA,MAA+C,oBAA/C,CAAA,CAAA,EACD,YADC;;;;;KC9DQ,kBAAA;;;;;;;;;;;;;;;EDPA,UAAA,CAAA,EAAA,MAAY;EAWZ;EAmBK,IAAA,CAAA,EAAA,MAAA,GAAW,GAAA,MAAA,GAAA;EAAA,KAAA,CAAA,EAAA,MAAA,GAAA,GAAA,MAAA,GAAA;EAAA,MACpB,CAAA,EAAA,MAAA,GAAA,GAAA,MAAA,GAAA;EAAY;EACC,WAKT,CAAA,EAAA,MAAA;EAAgC;EAI3B,aAAA,CAAA,EAAA,MAAmB;EAMnB;EAML,EAAA,CAAA,EAAA,MAAA;EAAoB;EAAA,KAAG,CAAA,EAAA,MAAA;EAAW,UAC5C,CAAA,EAAA,MAAA;EAAmB,WACnB,CAAA,EAAA,MAAA;EAAmB,IAAA,CAAA,ECVZ,YDUY;EAML;EAAe,YAAA,CAAA,EAAA,OAAA;EAAA;;;EAGE,KAAkB,CAAA,ECZzC,gBDYyC,GAAA,IAAA;EAAoB;;AACxD;EACC,QAAA,CAAA,ECVH,gBDUkB,GAAA,IAAA;EAAA,wBAAA,CAAA,EAAA,OAAA;EAAA,KACvB,CAAA,ECTE,aDSF;EAAW,QACf,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;CAAmB;;;;AAER,UCLE,oBAAA,CDKF;;;;AC/Df;;;;AAiDa,cAqBA,aArBA,EAqBa,OAAA,CAAA,yBArBb,CAqBa,kBArBb,GAqBa,IArBb,CAqBa,IArBb,CAqBa,OAAA,CAAA,iBArBb,CAqBa,OAAA,CAAA,cArBb,CAqBa,cArBb,CAAA,EAqBa,cArBb,CAAA,EAAA,KAAA,CAAA,EAAA,MAqBa,kBArBb,CAAA,GAqBa,OAAA,CAAA,aArBb,CAqBa,oBArBb,CAAA,CAAA;;;;;UCrEI,4BAA4B;;;;;OAKtC;;;;;;aAQM;;;;;;AFAD,iBEOI,YFNL,CAAA,UEM4B,WFNJ,GAAA,KAAA,CAAA,CAAA,KAAA,EEO1B,iBFP0B,CEOR,CFPQ,CAAA,GEQ/B,IFR+B,CEQ1B,wBFR0B,CEQD,CFRC,CAAA,EAAA,MEQS,iBFRT,CEQ2B,CFR3B,CAAA,CAAA,CAAA,EEQ8B,oBAAA,CAAA,GAAA,CAAA,OFR9B;AAUnC;;;;UGNiB,SAAA;;;;;;;;;;;;;;;;;EHLL,IAAA,CAAA,EAAA,MAAA;EAWA;EAmBK,YAAA,CAAA,EAAW,OAAA;EAAA;;;EAEP,KAKT,CAAA,EGFF,gBHEE,GAAA,IAAA;EAAgC;AAI5C;AAMA;EAMY,QAAA,CAAA,EGdC,gBHcmB,GAAA,IAAA;EAAA,wBAAA,CAAA,EAAA,OAAA;EAAA,QAAG,CAAA,EAAA,OAAA;EAAW,QAC5C,CAAA,EAAA,OAAA;EAAmB;EACA,UAAA,CAAA,EAAA,MAAA;EAML;EAAe,YAAA,CAAA,EAAA,MAAA;EAAA;EACX,KAChB,CAAA,EAAA,MAAA;EAAmB;EACU,SAAkB,CAAA,EAAA,MAAA;EAAoB;EAA/D,SACL,CAAA,EAAA,MAAA;EAAY;EACC,eAAA,CAAA,EAAe,MAAA;EAAA;EAAA,eACvB,CAAA,EAAA,MAAA;EAAW;EACI,UACd,CAAA,EAAA,MAAA;EAAwB,OAAkB,CAAA,EAAA;IAA/C,UAAA,CAAA,EAAA,MAAA;IACD,YAAA,CAAA,EAAA,MAAA;IAAY,KAAA,CAAA,EAAA,MAAA;;;;AC/Df;;;;AAiDa,UEoBI,WAAA,CFpBJ;EAAgB,KAEnB,EAAA,GAAA,GAAA,IAAA;EAAa,IAAA,EAAA,GAAA,GAAA,IAAA;AAOvB;AAYA;;;;;AAA0B,cEWb,IFXa,EEWT,MAAA,CAAA,yBFXS,CEWT,SFXS,GEWT,IFXS,CEWT,IFXS,CEWT,MAAA,CAAA,QFXS,CEWT,aFXS,CAAA,EAAA,KAAA,CAAA,EAAA,MEWT,SFXS,CAAA,GEWT,MAAA,CAAA,aFXS,CEWT,WFXS,CAAA,CAAA;;;;;;;;;KG1Fd,KAAA;;;;UCDK,YAAA;;;aAGJ;;;iBAIG,OAAA;;;;;GAKb,eAAe,KAAK,uCAAuC,gBAAa,kBAAA,CAAA,GAAA,CAAA;;;;;UCR1D,qBAAA;;aAEJ;;;iBAIG,gBAAA;;;;;GAKb,wBACD,KAAK,uCAAuC,yBAAsB,kBAAA,CAAA,GAAA,CAAA;;;;;UCZnD,qBAAA;;aAEJ;;;iBAIG,gBAAA;;;;;GAKb,wBACD,KAAK,uCAAuC,yBAAsB,kBAAA,CAAA,GAAA,CAAA;;;;;UCJnD,gBAAA;;;;;;;;;;;;;;;AREjB;AAWA;EAmBiB,KAAA,CAAA,EAAA,MAAW,GQbT,KRaS;EAAA;;;;AAOgB;AAI5C;AAMA;AAMA;;EAAgC,KAAG,CAAA,EAAA,MAAA;EAAW,QAC5C,CAAA,EAAA,OAAA;EAAmB,OACnB,CAAA,EAAA,SAAA,GAAA,QAAA,GAAA,SAAA,GAAA,UAAA;EAAmB,eAAA,CAAA,EAAA,KAAA,GAAA,QAAA,GAAA,MAAA;EAML,WAAA,CAAA,EAAA,OAAe;EAAA,eAAA,CAAA,EAAA,OAAA;EAAA,gBACtB,CAAA,EAAA,OAAA;EAAW;;;EAEmD,KAAnE,CAAA,EQrBM,gBRqBN,GAAA,IAAA;EAAI;AACO;AACf;EAA+B,QAAA,CAAA,EQnBlB,gBRmBkB,GAAA,IAAA;EAAA,WACvB,CAAA,EAAA,MAAA;EAAW,gBACf,CAAA,EAAA,MAAA;EAAmB,QACd,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAwB,OAAkB,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EQZxC,KAAA,CAAM,URYkC,CQZvB,gBRYuB,EQZL,ORYK,CAAA,EAAA,GAAA,IAAA;EAAoB,MAAnE,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EQPO,KAAA,CAAM,UROb,CQPwB,gBROxB,EQP0C,ORO1C,CAAA,EAAA,GAAA,IAAA;EAAI,QACL,CAAA,EQLU,SRKV;AAAY;;;;AC/DH,UOgEK,kBAAA,CPhEa;EAAA,KAAA,EAAA,GAAA,GAAA,IAAA;EAAA,IAsCrB,EAAA,GAAA,GAAA,IAAA;;;;AAac;AAOvB;AAYa,cOMA,WPoNZ,EOpNuB,MAAA,CAAA,yBPoNvB,COpNuB,gBPoNvB,GOpNuB,IPoNvB,COpNuB,IPoNvB,COpNuB,MAAA,CAAA,iBPoNvB,COpNuB,MAAA,CAAA,mBPoNvB,COpNuB,gBPoNvB,CAAA,EOpNuB,gBPoNvB,CAAA,EAAA,KAAA,CAAA,EAAA,MAAA,GAAA,MOpNuB,gBPoNvB,CAAA,GOpNuB,MAAA,CAAA,aPoNvB,COpNuB,kBPoNvB,CAAA,CAAA;;;;KQrTW,SAAA;;;;;;;KCHA,iBAAA;;;;;;;cASC;;;;;;;;;;;UCMI,QAAA;;;;;;;;UAWP;;;;aAKG;;;AXdb;AAWA;AAmBA;;AACQ,UWRS,UAAA,CXQT;EAAY,IACX,EAAA,GAAA,GAAA,IAAA;EAAY,IAKT,EAAA,GAAA,GAAA,IAAA;EAAgC,MAAA,EAAA,GAAA,GAAA,OAAA;AAI5C;AAMA;;;AAQE,cWgGW,QXhGX,EWgGmB,OAAA,CAAA,yBXhGnB,CWgGmB,QXhGnB,GWgGmB,IXhGnB,CWgGmB,IXhGnB,CWgGmB,OAAA,CAAA,iBXhGnB,CWgGmB,OAAA,CAAA,cXhGnB,CWgGmB,cXhGnB,CAAA,EWgGmB,cXhGnB,CAAA,EAAA,KAAA,CAAA,EAAA,MWgGmB,QXhGnB,CAAA,GWgGmB,OAAA,CAAA,aXhGnB,CWgGmB,UXhGnB,CAAA,CAAA;AAAmB;AAML,cWkHH,QXlHkB,EWkHV,OAAA,CAAA,yBXlHU,CWkHV,QXlHU,GWkHV,IXlHU,CWkHV,IXlHU,CWkHV,OAAA,CAAA,iBXlHU,CWkHV,OAAA,CAAA,cXlHU,CWkHV,cXlHU,CAAA,EWkHV,cXlHU,CAAA,EAAA,KAAA,CAAA,EAAA,MWkHV,QXlHU,CAAA,GWkHV,OAAA,CAAA,aXlHU,CWkHV,UXlHU,CAAA,CAAA;;;;;UYvEd,aAAA;;;;2CAI0B;;iBAG1B;;;;6CAK4B;;;iBAI7B,QAAA;;;;;;;;GAQb,gBAAgB,KAAK,uCAAuC,yBAAc,kBAAA,CAAA,GAAA,CAAA;;;;;;;;;;;iBCY7D,iBAAA,YAA6B;;UAQ5B,UAAA;aAEJ;;;sBAKS;;;EbzCV,cAAA,CAAY,EAAA,MAAA;EAWZ,MAAA,CAAA,EAAA,MAAY,GAAA,MAAA;EAmBP,KAAA,CAAA,EaiBP,abjBkB;EAAA,UAAA,CAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAA,UACpB,CAAA,EAAA,CAAA,UAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAY,KACX,CAAA,EAAA,CAAA,IAAA,EAAA,MAAA,EAAA,KAAA,EAAA,MAAA,EAAA,GaoBkC,SbpBlC;EAAY;AAKuB;AAI5C;EAMiB,QAAA,CAAA,EaUJ,YbVuB,GaUR,YbVQ,EAAA;AAMpC;;;;;AAEqB,iBaWL,KAAA,CbXK;EAAA,SAAA;EAAA,SAAA;EAAA,OAAA;EAAA,iBAAA;EAAA,IAAA;EAAA,MAAA;EAAA,cAAA,EakBH,eblBG;EAAA,KAAA;EAAA,SAAA;EAAA,UAAA;EAAA,UAAA;EAAA,KAAA;EAAA,QAAA;EAAA,aAAA;EAAA,GAAA;AAAA,CAAA,Ea2BlB,Ub3BkB,Ga2BL,Ib3BK,Ca2BA,wBb3BA,CAAA,KAAA,CAAA,EAAA,Ma2BuC,Ub3BvC,CAAA,CAAA,Ea2BkD,kBAAA,CAAA,GAAA,CAAA,Ob3BlD;;;KctEhB,KAAA;;;;;;;;;;;iBAyDW,sCAAsC,UAAU,IAAI;;;;UChDnD,gBAAA;;;;;;UAQP;aACG;;;;;UAOI,kBAAA;;;;;;AfCjB;AAmBiB,ceXJ,WfWe,EeXJ,MAAA,CAAA,yBfWI,CeXJ,gBfWI,GeXJ,MAAA,CAAA,afWI,CeXJ,kBfWI,CAAA,CAAA;;;;;UgBrCX,gBAAA;;;;;;;UAUP;aACG;;YAGD;;;;;AhBPA,iBgBaI,WAAA,ChBZL;EAAA,MAAA;EAAA,SAAwB;EAAA,MAAA;EAAA,QAAA;EAAA,QAAA;EAAA,SAAA;EAAA,KAAA;EAAA,YAAA;EAAA,OAAA;EAAA,SAAA;EAAA,GAAA;AAAA,CAAA,EgBwBhC,gBhBxBgC,GgByBjC,IhBzBiC,CgByB5B,wBhBzB4B,CAAA,KAAA,CAAA,EAAA,MgByBW,gBhBzBX,CAAA,CAAA,EgByB4B,kBAAA,CAAA,GAAA,CAAA,OhBzB5B;AAUnC;;;KiB3BY,SAAA;KACA,YAAA,YAAwB,sBAAsB;;;;UCOzC,UAAA;;YAEL;aACC;;;iBAIG,KAAA;;;;;;;GAOb,aAAa,KAAK,uCAAuC,cAAW,kBAAA,CAAA,GAAA,CAAA;;;;;UCftD,gBAAA;;SAKR;;;;;;;;;;;;;;EnBIG,MAAA,CAAA,EAAA;IAWA,IAAA,CAAA,EmBAD,anBAa;IAmBP,KAAA,CAAA,EmBlBL,anBkBgB;EAAA,CAAA;;;AAOhB,iBmBpBI,WAAA,CnBoBJ;EAAA,KAAA;EAAA,IAAA;EAAA,KAAA;EAAA,SAAA;EAAA,MAAA;EAAA,GAAA;EAAA,UAAA;EAAA,OAAA;EAAA,MAAA;EAAA,SAAA;EAAA,KAAA;EAAA,GAAA;AAAA,CAAA,EmBPT,gBnBOS,GmBNV,InBMU,CmBNL,wBnBMK,CAAA,KAAA,CAAA,EAAA,MmBNkC,gBnBMlC,CAAA,CAAA,EmBNmD,mBAAA,CAAA,GAAA,CAAA,OnBMnD;AAAgC;;;;UoBtB3B,WAAA;;;;;;;;;;;;UAeP;;;;EpB9BE,QAAA,CAAA,EoBkCC,gBpBjCF,GAAA,IAAA;EAUC;AAmBZ;;;EACoB,QACX,CAAA,EAAA,OAAA;EAAY;AAKuB;AAI5C;EAMiB,QAAA,CAAA,EAAA,OAAA;EAML,SAAA,CAAA,EAAA,MAAA;EAAoB,KAAA,CAAA,EoBRtB,apBQsB;EAAA,QAAG,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAW,WAC5C,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAmB,SACnB,CAAA,EAAA,CAAA,KAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAmB;EAML,QAAA,CAAA,EoBXH,YpBWkB,GoBXH,YpBWG,EAAA;;;;;AAGoB,UoBPlC,aAAA,CpBOkC;EAAoB,KAAnE,EAAA,GAAA,GAAA,IAAA;EAAI,IACL,EAAA,GAAA,GAAA,IAAA;AAAY;AACf;;;;AAGS,coBAI,MpBAJ,EoBAU,OAAA,CAAA,yBpBAV,CoBAU,WpBAV,GoBAU,IpBAV,CoBAU,IpBAV,CoBAU,OAAA,CAAA,iBpBAV,CoBAU,OAAA,CAAA,cpBAV,CoBAU,cpBAV,CAAA,EoBAU,cpBAV,CAAA,EAAA,KAAA,CAAA,EAAA,MoBAU,WpBAV,CAAA,GoBAU,OAAA,CAAA,apBAV,CoBAU,apBAV,CAAA,CAAA;;;;;;;;;;;;;;;UqBtEQ,6BAA6B;;;;;OAKvC;ErBJK,QAAA,CAAA,EqBMC,SrBNW;EAWZ,OAAA,CAAA,EAAA,CAAA,KAAY,EqBJJ,UrBKT,EAAA,GAAA,IAAA;AAkBX;;AACQ,iBqBpBQ,arBoBR,CAAA,UqBpBgC,WrBoBhC,GAAA,KAAA,CAAA,CAAA,KAAA,EqBnBC,kBrBmBD,CqBnBoB,CrBmBpB,CAAA,GqBlBJ,IrBkBI,CqBlBC,wBrBkBD,CqBlB0B,CrBkB1B,CAAA,EAAA,MqBlBoC,kBrBkBpC,CqBlBuD,CrBkBvD,CAAA,CAAA,CAAA,EqBlB0D,kBAAA,CAAA,GAAA,CAAA,OrBkB1D;;;;;UsBtCS,UAAA;;;;;;iBAQA;aAEJ;;;;UAKH;;;UAIO,iBAAA;;;AtBZjB;AAWA;AAmBiB,csBTJ,UtBSe,EsBTL,MAAA,CAAA,yBtBSK,CsBTL,UtBSK,GsBTL,ItBSK,CsBTL,ItBSK,CsBTL,MAAA,CAAA,iBtBSK,CsBTL,MAAA,CAAA,ctBSK,CsBTL,ctBSK,CAAA,EsBTL,ctBSK,CAAA,EAAA,KAAA,CAAA,EAAA,MsBTL,UtBSK,CAAA,GsBTL,MAAA,CAAA,atBSK,CsBTL,iBtBSK,CAAA,CAAA;;;;;UuB5CX,SAAA;;;;;UAKP;aACG;;YAGD;;;iBAII,SAAA;;;;;;;;;GASb,YAAY,KAAK,uCAAuC,aAAU,mBAAA,CAAA,GAAA,CAAA;;;;;;;;UCMpD,YAAA;;;;;;;;;;UAaP;;;AxB3BV;EAWY,QAAA,CAAA,EwBoBC,gBxBnBF,GAAA,IAAA;AAkBX;;AACQ,UwBIS,UAAA,CxBJT;EAAY,CAAA,EwBKf,YxBJI;EAAY,CAAA,EwBKhB,YxBAO;EAAgC,YAAA,CAAA,EAAA,OAAA;EAI3B,QAAA,CAAA,EAAA,OAAA;EAMA,QAAA,CAAA,EAAA,OAAA;EAML,QAAA,CAAA,EAAA,CAAA,MAAA,EAAA,MAAoB,EAAA,MAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAA,WAAA,CAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAA,SAAG,CAAA,EAAA,CAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,MAAA,EAAA,GAAA,IAAA;EAAW;EACzB,QACnB,CAAA,EwBTW,YxBSX,GwBT0B,YxBS1B,EAAA;AAAmB;AAMrB;AAA+B,UwBXd,YAAA,CxBWc;EAAA,KACtB,EAAA,GAAA,GAAA,IAAA;EAAW,IAChB,EAAA,GAAA,GAAA,IAAA;;;;;AAEW;AACC,cwBIH,KxBJkB,EwBIb,OAAA,CAAA,yBxBJa,CwBIb,UxBJa,GwBIb,IxBJa,CwBIb,IxBJa,CwBIb,OAAA,CAAA,iBxBJa,CwBIb,OAAA,CAAA,cxBJa,CwBIb,cxBJa,CAAA,EwBIb,cxBJa,CAAA,EAAA,KAAA,CAAA,EAAA,MwBIb,UxBJa,CAAA,GwBIb,OAAA,CAAA,axBJa,CwBIb,YxBJa,CAAA,CAAA;;;iByBlFf,iBAAA,+BAER;;;;UCCS,YAAA;;;;;;;;;iBAWD,kBAAkB;;;;;GAK/B,sBACK,qCACE,KAAA,CAAM,aAAa;;;;UChBZ,kCAAkC;kBACjC,UAAU;;;;;;;;iBASZ,6BAA6B;;;;;GAK1C,wBAAwB,YACnB,qCACE,KAAA,CAAM,aAAa;;;;KCpBxB,MAAA,GAAS,4BAA4B;KACrC,OAAA,aAAoB;iBAET,iCAAiC,0BACvC,eACD,qBACW,iBAAiB,uBACzB,UACT;iBACa,iCAAiC,wBACvC,eACD,qBACW,eAAe,uBACvB,UACT;iBACa,iCAAiC,qCACvC,eACD,qBACW,4BAA4B,uBACpC,UACT;;;iBCtBa,WAAA;;;;iBCGA,YAAA"}
+{"version":3,"file":"index.d.cts","names":[],"sources":["../../src/components/AnimationCanvas/index.tsx","../../src/components/AnimationKnob/index.tsx","../../src/components/DragObserver/index.tsx","../../src/components/Knob/index.tsx","../../src/components/NumberInput/type.ts","../../src/components/NumberInput/Stepper.tsx","../../src/components/NumberInput/IncrementStepper.tsx","../../src/components/NumberInput/DecrementStepper.tsx","../../src/components/NumberInput/index.tsx","../../src/components/Piano/context.tsx","../../src/components/Piano/keyboardShortcuts.ts","../../src/components/Piano/key.tsx","../../src/components/Piano/KeyLabel.tsx","../../src/components/Piano/index.tsx","../../src/components/Slider/context.tsx","../../src/components/Slider/Thumb.tsx","../../src/components/Slider/Track.tsx","../../src/components/Slider/type.ts","../../src/components/Slider/Scale.tsx","../../src/components/Slider/ScaleOption.tsx","../../src/components/Slider/index.tsx","../../src/components/WheelObserver/index.tsx","../../src/components/XYPad/Thumb.tsx","../../src/components/XYPad/Area.tsx","../../src/components/XYPad/index.tsx","../../src/hooks/useAnimationFrame.ts","../../src/hooks/useDrag.ts","../../src/hooks/useDragWithElement.ts","../../src/hooks/useEventListener.ts","../../src/hooks/useInterval.ts","../../src/hooks/useLongPress.ts","../../src/hooks/useMIDIAccess.ts","../../src/hooks/useMIDIInput.ts","../../src/hooks/useMIDIMessage.ts"],"sourcesContent":[],"mappings":"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"}