@tremolo-ui/react 0.0.11 → 0.1.0-alpha.0

package/dist/esm/types/components/AnimationKnob/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, CSSProperties } from 'react';
+import React, { CSSProperties } from 'react';
 import { InputEventOption } from '@tremolo-ui/functions';
 import { DrawFunction } from '../AnimationCanvas';
 /** @category AnimationKnob */
@@ -48,8 +48,15 @@ export type AnimationKnobProps = {
     onChange?: (value: number) => void;
 };
 /**
- * simple rotary Knob.
  * @category AnimationKnob
  */
-export declare function AnimationKnob({ value, min, max, defaultValue, startValue, step, skew, size, width, height, activeColor, inactiveColor, bg, thumb, lineWeight, thumbWeight, draw, bodyNoSelect, wheel, keyboard, enableDoubleClickDefault, style, className, onChange, ...props }: AnimationKnobProps & Omit<ComponentPropsWithoutRef<'div'>, keyof AnimationKnobProps>): import("react/jsx-runtime").JSX.Element;
+export interface AnimationKnobMethods {
+    focus: () => void;
+    blur: () => void;
+}
+/**
+ * Animatable rotary knob.
+ * @category AnimationKnob
+ */
+export declare const AnimationKnob: React.ForwardRefExoticComponent<AnimationKnobProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof AnimationKnobProps> & React.RefAttributes<AnimationKnobMethods>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/types/components/AnimationKnob/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AnimationKnob/index.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,wBAAwB,EACxB,aAAa,EAGd,MAAM,OAAO,CAAA;AAEd,OAAO,EAML,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAK9B,OAAO,EAAmB,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAElE,8BAA8B;AAC9B,MAAM,MAAM,kBAAkB,GAAG;IAE/B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAGX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAE5B,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAE9B,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uBAAuB;IACvB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,IAAI,CAAC,EAAE,YAAY,CAAA;IAEnB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAClC,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CAAA;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,GAAG,EACH,GAAG,EACH,YAAkB,EAClB,UAAgB,EAChB,IAAQ,EACR,IAAQ,EACR,IAAI,EACJ,KAAU,EACV,MAAW,EACX,WAAuB,EACvB,aAAsB,EACtB,EAAW,EACX,KAAiB,EACjB,UAAc,EACd,WAAe,EACf,IAAI,EACJ,YAAmB,EACnB,KAAkB,EAClB,QAAqB,EACrB,wBAA+B,EAC/B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,GACnB,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,kBAAkB,CAAC,2CAiLhE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/AnimationKnob/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAEZ,aAAa,EAKd,MAAM,OAAO,CAAA;AAEd,OAAO,EAML,gBAAgB,EACjB,MAAM,uBAAuB,CAAA;AAK9B,OAAO,EAAmB,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAElE,8BAA8B;AAC9B,MAAM,MAAM,kBAAkB,GAAG;IAE/B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAGX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,oCAAoC;IACpC,IAAI,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAE5B,KAAK,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAE9B,wBAAwB;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,0BAA0B;IAC1B,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uBAAuB;IACvB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,kBAAkB;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,IAAI,CAAC,EAAE,YAAY,CAAA;IAEnB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAClC,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC,CAAA;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAKD;;;GAGG;AACH,eAAO,MAAM,aAAa,8NA4NzB,CAAA"}

package/dist/esm/types/components/Knob/index.d.ts

@@ -1,4 +1,3 @@
-import { ComponentPropsWithoutRef } from 'react';
 import { InputEventOption } from '@tremolo-ui/functions';
 /** @category Knob */
 export interface KnobProps {
@@ -32,10 +31,22 @@ export interface KnobProps {
     enableDoubleClickDefault?: boolean;
     disabled?: boolean;
     readonly?: boolean;
+    /** color */
     activeLine?: string;
+    /** color */
     inactiveLine?: string;
+    /** color */
     thumb?: string;
+    /** color */
     thumbLine?: string;
+    /** percent (0-100) */
+    thumbSize?: number;
+    /** percent (0-100) */
+    thumbLineWeight?: number;
+    /** percent (0-100) */
+    thumbLineLength?: number;
+    /** percent (0-100) */
+    lineWeight?: number;
     classes?: {
         activeLine?: string;
         inactiveLine?: string;
@@ -44,6 +55,17 @@ export interface KnobProps {
     };
     onChange?: (value: number) => void;
 }
-/** @category Knob */
-export declare function Knob({ value, min, max, step, skew, defaultValue, startValue, size, bodyNoSelect, wheel, keyboard, enableDoubleClickDefault, disabled, readonly, activeLine, inactiveLine, thumb, thumbLine, onChange, className, classes, ...props }: KnobProps & Omit<ComponentPropsWithoutRef<'svg'>, keyof KnobProps>): import("react/jsx-runtime").JSX.Element;
+/**
+ * @category Knob
+ */
+export interface KnobMethods {
+    focus: () => void;
+    blur: () => void;
+}
+/**
+ * Interactive rotary knob component implemented in SVG.
+ *
+ * @category Knob
+ */
+export declare const Knob: import("react").ForwardRefExoticComponent<KnobProps & Omit<Omit<import("react").SVGProps<SVGSVGElement>, "ref">, keyof KnobProps> & import("react").RefAttributes<KnobMethods>>;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/types/components/Knob/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Knob/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAuB,MAAM,OAAO,CAAA;AAErE,OAAO,EAEL,gBAAgB,EAKjB,MAAM,uBAAuB,CAAA;AAM9B,qBAAqB;AACrB,MAAM,WAAW,SAAS;IAExB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAGX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAClC,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAElC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,OAAO,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;IAED,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED,qBAAqB;AACrB,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAQ,EACR,IAAQ,EACR,YAAkB,EAClB,UAAgB,EAChB,IAAS,EACT,YAAmB,EACnB,KAAkB,EAClB,QAAqB,EACrB,wBAA+B,EAC/B,QAAgB,EAChB,QAAgB,EAChB,UAAU,EACV,YAAY,EACZ,KAAK,EACL,SAAS,EACT,QAAQ,EACR,SAAS,EACT,OAAO,EACP,GAAG,KAAK,EACT,EAAE,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,SAAS,CAAC,2CAiKpE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Knob/index.tsx"],"names":[],"mappings":"AASA,OAAO,EAEL,gBAAgB,EAKjB,MAAM,uBAAuB,CAAA;AAM9B,qBAAqB;AACrB,MAAM,WAAW,SAAS;IAExB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAGX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAGnB,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAClC,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAElC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,YAAY;IACZ,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,YAAY;IACZ,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,YAAY;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,YAAY;IACZ,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB,sBAAsB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,sBAAsB;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,sBAAsB;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,sBAAsB;IACtB,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,OAAO,CAAC,EAAE;QACR,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,YAAY,CAAC,EAAE,MAAM,CAAA;QACrB,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,SAAS,CAAC,EAAE,MAAM,CAAA;KACnB,CAAA;IAED,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAED;;GAEG;AACH,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAID;;;;GAIG;AACH,eAAO,MAAM,IAAI,iLAgOhB,CAAA"}

package/dist/esm/types/components/NumberInput/DecrementStepper.d.ts

@@ -1,7 +1,9 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
+/** @category NumberInput */
 export interface DecrementStepperProps {
     size?: number;
     children?: ReactNode;
 }
+/** @category NumberInput */
 export declare function DecrementStepper({ size, children, className, ...props }: DecrementStepperProps & Omit<ComponentPropsWithoutRef<'div'>, keyof DecrementStepperProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=DecrementStepper.d.ts.map

package/dist/esm/types/components/NumberInput/DecrementStepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DecrementStepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/DecrementStepper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAI3D,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,GACtB,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,qBAAqB,CAAC,2CAmCnE"}
+{"version":3,"file":"DecrementStepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/DecrementStepper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAM3D,4BAA4B;AAC5B,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,4BAA4B;AAC5B,wBAAgB,gBAAgB,CAAC,EAC/B,IAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,GACtB,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,qBAAqB,CAAC,2CAsCnE"}

package/dist/esm/types/components/NumberInput/IncrementStepper.d.ts

@@ -1,7 +1,9 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
+/** @category NumberInput */
 export interface IncrementStepperProps {
     size?: number;
     children?: ReactNode;
 }
+/** @category NumberInput */
 export declare function IncrementStepper({ size, children, className, ...props }: IncrementStepperProps & Omit<ComponentPropsWithoutRef<'div'>, keyof IncrementStepperProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=IncrementStepper.d.ts.map

package/dist/esm/types/components/NumberInput/IncrementStepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IncrementStepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/IncrementStepper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAI3D,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,gBAAgB,CAAC,EAC/B,IAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,GACtB,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,qBAAqB,CAAC,2CAmCnE"}
+{"version":3,"file":"IncrementStepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/IncrementStepper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAM3D,4BAA4B;AAC5B,MAAM,WAAW,qBAAqB;IACpC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,4BAA4B;AAC5B,wBAAgB,gBAAgB,CAAC,EAC/B,IAAS,EACT,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,qBAAqB,GACtB,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,qBAAqB,CAAC,2CAsCnE"}

package/dist/esm/types/components/NumberInput/InternalInput.d.ts

@@ -0,0 +1,18 @@
+import { InputEventOption } from '@tremolo-ui/functions';
+import { NumberInputMethods } from '.';
+interface InternalProps {
+    disabled: boolean;
+    readonly: boolean;
+    wheel: InputEventOption | null;
+    keyboard: InputEventOption | null;
+    selectWithFocus?: 'all' | 'number' | 'none';
+    blurOnEnter?: boolean;
+    keepWithinRange?: boolean;
+    clampValueOnBlur?: boolean;
+    onChange?: (value: number, text: string) => void;
+    onFocus?: (value: number, text: string, event: React.FocusEvent<HTMLInputElement, Element>) => void;
+    onBlur?: (value: number, text: string, event: React.FocusEvent<HTMLInputElement, Element>) => void;
+}
+export declare const InternalInput: import("react").ForwardRefExoticComponent<InternalProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, keyof InternalProps> & import("react").RefAttributes<NumberInputMethods>>;
+export {};
+//# sourceMappingURL=InternalInput.d.ts.map

package/dist/esm/types/components/NumberInput/InternalInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InternalInput.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/InternalInput.tsx"],"names":[],"mappings":"AAWA,OAAO,EAEL,gBAAgB,EAIjB,MAAM,uBAAuB,CAAA;AAO9B,OAAO,EAAE,kBAAkB,EAAE,MAAM,GAAG,CAAA;AAEtC,UAAU,aAAa;IACrB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,OAAO,CAAA;IACjB,KAAK,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC9B,QAAQ,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAEjC,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAC/C,IAAI,CAAA;IACT,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAC/C,IAAI,CAAA;CACV;AAKD,eAAO,MAAM,aAAa,mQAqKzB,CAAA"}

package/dist/esm/types/components/NumberInput/Stepper.d.ts

@@ -1,8 +1,10 @@
 import { ComponentPropsWithoutRef, ReactNode } from 'react';
+/** @category NumberInput */
 export interface StepperProps {
     /** Display only when hovering. */
     dynamic?: boolean;
     children?: ReactNode;
 }
+/** @category NumberInput */
 export declare function Stepper({ dynamic, children, className, ...props }: StepperProps & Omit<ComponentPropsWithoutRef<'div'>, keyof StepperProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Stepper.d.ts.map

package/dist/esm/types/components/NumberInput/Stepper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/Stepper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,MAAM,WAAW,YAAY;IAC3B,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,OAAO,CAAC,EACtB,OAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC,2CAU1E"}
+{"version":3,"file":"Stepper.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/Stepper.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE3D,4BAA4B;AAC5B,MAAM,WAAW,YAAY;IAC3B,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,4BAA4B;AAC5B,wBAAgB,OAAO,CAAC,EACtB,OAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,KAAK,EACT,EAAE,YAAY,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,YAAY,CAAC,2CAU1E"}

package/dist/esm/types/components/NumberInput/context.d.ts

@@ -2,12 +2,13 @@ import { Units } from '@tremolo-ui/functions/NumberInput';
 type State = {
     value: string;
     valueAsNumber: number;
+    step: number;
     min?: number;
     max?: number;
-    step?: number;
-    keepWithinRange?: boolean;
     units?: string | Units;
     digit?: number;
+    readonly?: boolean;
+    keepWithinRange?: boolean;
     onChange?: (value: number, text: string) => void;
 };
 type Action = {

package/dist/esm/types/components/NumberInput/context.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/context.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAErE,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,MAAM,CAAA;IACrB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC,CAAA;AAID,KAAK,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC,CAAA;AAE/E,wBAAgB,SAAS,CACvB,KAAK,EAAE,MAAM,EACb,GAAG,SAA0B,EAC7B,GAAG,SAA0B,UAG9B;AAuED,KAAK,wBAAwB,GAAG,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAA;AAEtE,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CA8B1B;AAED,4BAA4B;AAC5B,wBAAgB,qBAAqB,CAAC,CAAC,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,KAAK,CAAC,GACrC,CAAC,CAIH"}
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/context.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAc,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAErE,KAAK,KAAK,GAAG;IACX,KAAK,EAAE,MAAM,CAAA;IACb,aAAa,EAAE,MAAM,CAAA;IACrB,IAAI,EAAE,MAAM,CAAA;IAEZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;CACjD,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,MAAM,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAChC,CAAA;AAID,KAAK,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,EAAE,OAAO,CAAC,GAAG;IAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;CAAE,CAAC,CAAA;AAE/E,wBAAgB,SAAS,CACvB,KAAK,EAAE,MAAM,EACb,GAAG,SAA0B,EAC7B,GAAG,SAA0B,UAG9B;AAiFD,KAAK,wBAAwB,GAAG,KAAK,CAAC,iBAAiB,CAAC,aAAa,CAAC,CAAA;AAEtE,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CA8B1B;AAED,4BAA4B;AAC5B,wBAAgB,qBAAqB,CAAC,CAAC,EACrC,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,KAAK,CAAC,GACrC,CAAC,CAIH"}

package/dist/esm/types/components/NumberInput/index.d.ts

@@ -1,4 +1,4 @@
-import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { InputEventOption } from '@tremolo-ui/functions';
 import { Units } from '@tremolo-ui/functions/NumberInput';
 /** @category NumberInput */
@@ -13,7 +13,6 @@ export interface NumberInputProps {
      */
     max?: number;
     step?: number;
-    defaultValue?: number | string;
     /**
      * @example
      * units='Hz'
@@ -31,6 +30,8 @@ export interface NumberInputProps {
      * value=100 -> 100Hz, value=1600 -> 1.60Hz
      */
     digit?: number;
+    readonly?: boolean;
+    variant?: 'outline' | 'filled' | 'flushed' | 'unstyled';
     selectWithFocus?: 'all' | 'number' | 'none';
     blurOnEnter?: boolean;
     keepWithinRange?: boolean;
@@ -43,17 +44,25 @@ export interface NumberInputProps {
      * keyboard control option
      */
     keyboard?: InputEventOption | null;
+    activeColor?: string;
     wrapperClassName?: string;
     onChange?: (value: number, text: string) => void;
     onFocus?: (value: number, text: string, event: React.FocusEvent<HTMLInputElement, Element>) => void;
     onBlur?: (value: number, text: string, event: React.FocusEvent<HTMLInputElement, Element>) => void;
     children?: ReactNode;
 }
+/**
+ * @category NumberInput
+ */
+export interface NumberInputMethods {
+    focus: () => void;
+    blur: () => void;
+}
 /**
  * Input with some useful functions for entering numerical values.
  * @category NumberInput
  */
-export declare function NumberInput({ value, min, max, step, defaultValue, units, disabled, digit, selectWithFocus, blurOnEnter, keepWithinRange, clampValueOnBlur, wheel, keyboard, wrapperClassName, className, onChange, onFocus, onBlur, children, ...props }: NumberInputProps & Omit<ComponentPropsWithoutRef<'input'>, keyof NumberInputProps | 'type'>): import("react/jsx-runtime").JSX.Element;
+export declare const NumberInput: import("react").ForwardRefExoticComponent<NumberInputProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref">, "type" | keyof NumberInputProps> & import("react").RefAttributes<NumberInputMethods>>;
 export * from './Stepper';
 export * from './IncrementStepper';
 export * from './DecrementStepper';

package/dist/esm/types/components/NumberInput/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAqB,MAAM,OAAO,CAAA;AAE9E,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAc,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAcrE,4BAA4B;AAC5B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IAEtB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE9B;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAEtB;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAG1B;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAElC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAC/C,IAAI,CAAA;IACT,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAC/C,IAAI,CAAA;IAET,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AA2FD;;;GAGG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAQ,EACR,YAAY,EACZ,KAAK,EACL,QAAgB,EAChB,KAAK,EACL,eAAwB,EACxB,WAAkB,EAClB,eAAsB,EACtB,gBAAuB,EACvB,KAAkB,EAClB,QAAqB,EACrB,gBAAgB,EAChB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,MAAM,EACN,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,GACjB,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,gBAAgB,GAAG,MAAM,CAAC,2CA2CzE;AAED,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAwC,SAAS,EAAE,MAAM,OAAO,CAAA;AAEvE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AACxD,OAAO,EAAE,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAWzD,4BAA4B;AAC5B,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IAEtB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAEtB;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,OAAO,CAAC,EAAE,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,UAAU,CAAA;IAEvD,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC3C,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,eAAe,CAAC,EAAE,OAAO,CAAA;IACzB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAG1B;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAElC,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAEzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAC/C,IAAI,CAAA;IACT,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,MAAM,EACZ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAC/C,IAAI,CAAA;IAET,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAKD;;;GAGG;AACH,eAAO,MAAM,WAAW,kRA0EvB,CAAA;AAED,cAAc,WAAW,CAAA;AACzB,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA"}

package/dist/esm/types/components/Piano/KeyLabel.d.ts

@@ -10,10 +10,8 @@ export interface KeyLabelProps {
     /** @internal */
     __note?: number;
     /** @internal */
-    __index?: number;
-    /** @internal */
     __label?: (note: number, index: number) => ReactNode;
 }
 /** @category Piano */
-export declare function KeyLabel({ label, className, wrapperClassName, wrapperStyle, __note, __index, __label, ...props }: KeyLabelProps & Omit<ComponentPropsWithoutRef<'div'>, keyof KeyLabelProps>): false | import("react/jsx-runtime").JSX.Element;
+export declare function KeyLabel({ label, className, wrapperClassName, wrapperStyle, __note, __label, ...props }: KeyLabelProps & Omit<ComponentPropsWithoutRef<'div'>, keyof KeyLabelProps>): false | import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=KeyLabel.d.ts.map

package/dist/esm/types/components/Piano/KeyLabel.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"KeyLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/KeyLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE1E,sBAAsB;AACtB,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IAElD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,aAAa,CAAA;IAE5B,gBAAgB;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gBAAgB;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gBAAgB;IAChB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;CACrD;AAED,sBAAsB;AACtB,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,aAAa,CAAC,mDAiB5E"}
+{"version":3,"file":"KeyLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/KeyLabel.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAM1E,sBAAsB;AACtB,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IAElD,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,aAAa,CAAA;IAE5B,gBAAgB;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gBAAgB;IAChB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;CACrD;AAED,sBAAsB;AACtB,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACT,EAAE,aAAa,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,aAAa,CAAC,mDAoB5E"}

package/dist/esm/types/components/Piano/context.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+/** @category Piano */
+export type NoteRange = {
+    first: number;
+    last: number;
+};
+type State = {
+    noteRange: NoteRange;
+    glissando: boolean;
+    midiMax: number;
+    fill: boolean;
+    onPlayNote: (noteNumber: number) => void;
+    onStopNote: (noteNumber: number) => void;
+    label: (note: number, index: number) => ReactNode;
+};
+type Action = {
+    notePosition: (note: number) => number;
+};
+type PianoProviderProps = React.PropsWithChildren<Partial<State>>;
+export declare function PianoProvider({ children, ...props }: PianoProviderProps): import("react/jsx-runtime").JSX.Element;
+/** @category Piano */
+export declare function usePianoContext<T>(selector: (state: State & Action) => T): T;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/esm/types/components/Piano/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,SAAS,EAAiC,MAAM,OAAO,CAAA;AAO/E,sBAAsB;AACtB,MAAM,MAAM,SAAS,GAAG;IACtB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb,CAAA;AAED,KAAK,KAAK,GAAG;IACX,SAAS,EAAE,SAAS,CAAA;IACpB,SAAS,EAAE,OAAO,CAAA;IAClB,OAAO,EAAE,MAAM,CAAA;IACf,IAAI,EAAE,OAAO,CAAA;IACb,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,UAAU,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,KAAK,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;CAClD,CAAA;AAED,KAAK,MAAM,GAAG;IACZ,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;CACvC,CAAA;AAsDD,KAAK,kBAAkB,GAAG,KAAK,CAAC,iBAAiB,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;AAEjE,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,2CAmBvE;AAED,sBAAsB;AACtB,wBAAgB,eAAe,CAAC,CAAC,EAAE,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,KAAK,CAAC,GAAG,CAAC,CAI5E"}

package/dist/esm/types/components/Piano/index.d.ts

@@ -1,5 +1,6 @@
 import { ComponentPropsWithoutRef, CSSProperties, ReactElement, ReactNode } from 'react';
-import { KeyBoardShortcuts } from './keyboardShortcuts';
+import { NoteRange } from './context';
+import { KeyboardShortcuts } from './keyboardShortcuts';
 /**
  * Piano component
  *
@@ -7,16 +8,17 @@ import { KeyBoardShortcuts } from './keyboardShortcuts';
  * - add scale highlight
  */
 /** @category Piano */
+export declare function getNoteRangeArray(noteRange: NoteRange): number[];
+/** @category Piano */
 export interface PianoProps {
-    noteRange: {
-        first: number;
-        last: number;
-    };
-    height?: number | string;
+    noteRange: NoteRange;
     glissando?: boolean;
     midiMax?: number;
-    keyboardShortcuts?: KeyBoardShortcuts;
+    keyboardShortcuts?: KeyboardShortcuts;
     fill?: boolean;
+    whiteNoteWidth?: number;
+    blackNoteWidth?: number;
+    height?: number | string;
     style?: CSSProperties;
     onPlayNote?: (noteNumber: number) => void;
     onStopNote?: (noteNumber: number) => void;
@@ -26,11 +28,12 @@ export interface PianoProps {
      */
     children?: ReactElement | ReactElement[];
 }
-/** @category Piano */
-export declare function Piano({ noteRange, glissando, midiMax, keyboardShortcuts, fill, height, style, className, onPlayNote, onStopNote, label, children, ...props }: PianoProps & Omit<ComponentPropsWithoutRef<'div'>, keyof PianoProps>): import("react/jsx-runtime").JSX.Element;
-export * from './key';
+/**
+ * Customizable piano component.
+ * @category Piano
+ */
+export 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>): import("react/jsx-runtime").JSX.Element;
 export * from './keyboardShortcuts';
-export { WhiteKey } from './WhiteKey';
-export { BlackKey } from './BlackKey';
+export { WhiteKey, BlackKey, type KeyProps, type KeyMethods } from './key';
 export { KeyLabel, type KeyLabelProps } from './KeyLabel';
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/types/components/Piano/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/index.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,wBAAwB,EAExB,aAAa,EACb,YAAY,EACZ,SAAS,EAKV,MAAM,OAAO,CAAA;AAcd,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAGvD;;;;;GAKG;AAEH,sBAAsB;AACtB,MAAM,WAAW,UAAU;IAEzB,SAAS,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAG1C,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,IAAI,CAAC,EAAE,OAAO,CAAA;IAEd,KAAK,CAAC,EAAE,aAAa,CAAA;IAErB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAEzC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IAElD;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CACzC;AAED,sBAAsB;AACtB,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,SAAgB,EAChB,OAAa,EACb,iBAAiB,EACjB,IAAY,EACZ,MAA4B,EAC5B,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,UAAU,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,UAAU,CAAC,2CA6JtE;AAED,cAAc,OAAO,CAAA;AACrB,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/index.tsx"],"names":[],"mappings":"AACA,OAAc,EACZ,wBAAwB,EAExB,aAAa,EACb,YAAY,EACZ,SAAS,EAOV,MAAM,OAAO,CAAA;AAad,OAAO,EAAE,SAAS,EAAiB,MAAM,WAAW,CAAA;AAQpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD;;;;;GAKG;AAEH,sBAAsB;AACtB,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,SAAS,YAKrD;AAED,sBAAsB;AACtB,MAAM,WAAW,UAAU;IAEzB,SAAS,EAAE,SAAS,CAAA;IAGpB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,iBAAiB,CAAC,EAAE,iBAAiB,CAAA;IACrC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB,KAAK,CAAC,EAAE,aAAa,CAAA;IAErB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAEzC,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IAElD;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CACzC;AAED;;;GAGG;AACH,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,SAAgB,EAChB,OAAa,EACb,iBAAiB,EACjB,IAAY,EACZ,MAA4B,EAC5B,cAAc,EAAE,eAAsC,EACtD,KAAK,EACL,SAAS,EACT,UAAU,EACV,UAAU,EACV,KAAK,EACL,QAAQ,EACR,aAAa,EACb,GAAG,KAAK,EACT,EAAE,UAAU,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,UAAU,CAAC,2CA+MtE;AAED,cAAc,qBAAqB,CAAA;AAEnC,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,QAAQ,EAAE,KAAK,UAAU,EAAE,MAAM,OAAO,CAAA;AAC1E,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAA"}

package/dist/esm/types/components/Piano/key.d.ts

@@ -1,35 +1,22 @@
-import { CSSProperties, ReactElement, ReactNode } from 'react';
+import React, { CSSProperties, ReactElement } from 'react';
 /**
  * @category Piano
  */
 export interface KeyProps {
+    noteNumber: number;
     width?: number;
     height?: number | `${number}%`;
+    bg?: string;
+    color?: string;
+    activeBg?: string;
+    activeColor?: string;
     style?: CSSProperties;
     /**
      * \<KeyLabel />
      */
     children?: ReactElement;
     /** @internal */
-    __glissando?: boolean;
-    /** @internal */
-    __position?: number;
-    /** @internal */
-    __note?: number;
-    /** @internal */
-    __disabled?: boolean;
-    /** @internal */
-    __index?: number;
-    /** @internal */
-    __fill?: boolean;
-    /** @internal */
     __width?: number;
-    /** @internal */
-    __onPlayNote?: (noteNumber: number) => void;
-    /** @internal */
-    __onStopNote?: (noteNumber: number) => void;
-    /** @internal */
-    __label?: (note: number, index: number) => ReactNode;
 }
 /**
  * @category Piano
@@ -39,4 +26,12 @@ export interface KeyMethods {
     stop: () => void;
     played: () => boolean;
 }
+/** @category Piano */
+export declare const defaultWhiteKeyWidth = 40;
+/** @category Piano */
+export declare const defaultBlackKeyWidth = 26;
+/** @category Piano */
+export declare const WhiteKey: React.ForwardRefExoticComponent<KeyProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof KeyProps> & React.RefAttributes<KeyMethods>>;
+/** @category Piano */
+export declare const BlackKey: React.ForwardRefExoticComponent<KeyProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof KeyProps> & React.RefAttributes<KeyMethods>>;
 //# sourceMappingURL=key.d.ts.map

package/dist/esm/types/components/Piano/key.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"key.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/key.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9D;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAE9B,KAAK,CAAC,EAAE,aAAa,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAA;IAEvB,gBAAgB;IAChB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gBAAgB;IAChB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,gBAAgB;IAChB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gBAAgB;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,gBAAgB;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,gBAAgB;IAChB,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,gBAAgB;IAChB,YAAY,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,gBAAgB;IAChB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;CACrD;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,MAAM,EAAE,MAAM,OAAO,CAAA;CACtB"}
+{"version":3,"file":"key.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/key.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EACZ,aAAa,EAKb,YAAY,EACb,MAAM,OAAO,CAAA;AAKd;;GAEG;AACH,MAAM,WAAW,QAAQ;IACvB,UAAU,EAAE,MAAM,CAAA;IAElB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,GAAG,MAAM,GAAG,CAAA;IAE9B,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IAEpB,KAAK,CAAC,EAAE,aAAa,CAAA;IAErB;;OAEG;IACH,QAAQ,CAAC,EAAE,YAAY,CAAA;IAEvB,gBAAgB;IAChB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED;;GAEG;AACH,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,MAAM,EAAE,MAAM,OAAO,CAAA;CACtB;AAKD,sBAAsB;AACtB,eAAO,MAAM,oBAAoB,KAAK,CAAA;AACtC,sBAAsB;AACtB,eAAO,MAAM,oBAAoB,KAAK,CAAA;AAmHtC,sBAAsB;AACtB,eAAO,MAAM,QAAQ,gMAqBpB,CAAA;AAED,sBAAsB;AACtB,eAAO,MAAM,QAAQ,gMAqBpB,CAAA"}

package/dist/esm/types/components/Piano/keyboardShortcuts.d.ts

@@ -1,12 +1,12 @@
 /** @category Piano */
-export type KeyBoardShortcuts = {
+export type KeyboardShortcuts = {
     keys: string[];
     flags?: {
         naturalOnly?: boolean;
     };
 };
 /** @category Piano */
-export declare const Shortcuts: {
+export declare const SHORTCUTS: {
     HOME_ROW: {
         keys: string[];
     };

package/dist/esm/types/components/Slider/Scale.d.ts

@@ -6,8 +6,6 @@ export interface ScaleProps {
     options?: ScaleOptions;
     children?: ReactNode;
 }
-type Props = ScaleProps & Omit<ComponentPropsWithoutRef<'div'>, keyof ScaleProps>;
 /** @category Slider */
-export declare function Scale({ gap, options, children, className, style, ...props }: Props): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function Scale({ gap, options, children, className, style, ...props }: ScaleProps & Omit<ComponentPropsWithoutRef<'div'>, keyof ScaleProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Scale.d.ts.map

package/dist/esm/types/components/Slider/Scale.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Scale.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/Scale.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3D,OAAO,EAAuB,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAKhF,uBAAuB;AACvB,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,KAAK,KAAK,GAAG,UAAU,GACrB,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,UAAU,CAAC,CAAA;AAEzD,uBAAuB;AACvB,wBAAgB,KAAK,CAAC,EACpB,GAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,2CA6BP"}
+{"version":3,"file":"Scale.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/Scale.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAG3D,OAAO,EAAuB,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAKhF,uBAAuB;AACvB,MAAM,WAAW,UAAU;IACzB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,uBAAuB;AACvB,wBAAgB,KAAK,CAAC,EACpB,GAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,UAAU,CAAC,2CA6BtE"}

package/dist/esm/types/components/Slider/Thumb.d.ts

@@ -4,6 +4,7 @@ export interface SliderThumbProps {
     size?: number | string;
     width?: number | string;
     height?: number | string;
+    color?: string;
     className?: string;
     style?: CSSProperties;
     children?: ReactNode;

package/dist/esm/types/components/Slider/Thumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/Thumb.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EAEb,SAAS,EAGV,MAAM,OAAO,CAAA;AAId,uBAAuB;AACvB,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,gBAAgB;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,uBAAuB;AACvB,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAED,uBAAuB;AACvB,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,uBAAuB;AACvB,eAAO,MAAM,WAAW,iHA0DvB,CAAA"}
+{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/Thumb.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EAEb,SAAS,EAGV,MAAM,OAAO,CAAA;AAId,uBAAuB;AACvB,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,gBAAgB;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,uBAAuB;AACvB,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAED,uBAAuB;AACvB,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,uBAAuB;AACvB,eAAO,MAAM,WAAW,iHA4DvB,CAAA"}

package/dist/esm/types/components/Slider/Track.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, ReactElement } from 'react';
+import { ComponentPropsWithoutRef, CSSProperties, ReactElement } from 'react';
 export declare const defaultLength = 140;
 export declare const defaultThickness = 10;
 /** @category Slider */
@@ -17,5 +17,5 @@ export interface SliderTrackProps {
     __percent?: number;
 }
 /** @category Slider */
-export declare function SliderTrack({ length, thickness, active, inactive, children, className, style, defaultStyle, __thumb, __percent, }: SliderTrackProps): import("react/jsx-runtime").JSX.Element;
+export declare function SliderTrack({ length, thickness, active, inactive, children, className, style, defaultStyle, __thumb, __percent, ...props }: SliderTrackProps & Omit<ComponentPropsWithoutRef<'div'>, keyof SliderTrackProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Track.d.ts.map

package/dist/esm/types/components/Slider/Track.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Track.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/Track.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAMnD,eAAO,MAAM,aAAa,MAAM,CAAA;AAChC,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,uBAAuB;AACvB,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAA;IAEvB,gBAAgB;IAChB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,gBAAgB;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,uBAAuB;AACvB,wBAAgB,WAAW,CAAC,EAC1B,MAAsB,EACtB,SAA4B,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAmB,EACnB,OAAO,EACP,SAAa,GACd,EAAE,gBAAgB,2CAmClB"}
+{"version":3,"file":"Track.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/Track.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAM7E,eAAO,MAAM,aAAa,MAAM,CAAA;AAChC,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,uBAAuB;AACvB,MAAM,WAAW,gBAAgB;IAC/B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE3B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAA;IAEvB,gBAAgB;IAChB,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,gBAAgB;IAChB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,uBAAuB;AACvB,wBAAgB,WAAW,CAAC,EAC1B,MAAsB,EACtB,SAA4B,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,YAAmB,EACnB,OAAO,EACP,SAAa,EACb,GAAG,KAAK,EACT,EAAE,gBAAgB,GACjB,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,gBAAgB,CAAC,2CAoC9D"}

package/dist/esm/types/components/Slider/index.d.ts

@@ -30,10 +30,14 @@ export interface SliderProps {
     className?: string;
     style?: CSSProperties;
     onChange?: (value: number) => void;
+    onDragStart?: (value: number) => void;
+    onDragEnd?: (value: number) => void;
     /** \<SliderThumb /> | \<SliderTrack /> */
     children?: ReactElement | ReactElement[];
 }
-/** @category Slider */
+/**
+ * @category Slider
+ */
 export interface SliderMethods {
     focus: () => void;
     blur: () => void;

package/dist/esm/types/components/Slider/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAEZ,aAAa,EAEb,YAAY,EAKb,MAAM,OAAO,CAAA;AAEd,OAAO,EAML,gBAAgB,EAGjB,MAAM,uBAAuB,CAAA;AAW9B,uBAAuB;AACvB,MAAM,WAAW,WAAW;IAE1B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAGX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CAEzC;AAED,uBAAuB;AACvB,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAKD;;;GAGG;AACH,eAAO,MAAM,MAAM,yMA4OlB,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EACL,WAAW,EACX,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,GACtB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAEZ,aAAa,EAEb,YAAY,EAKb,MAAM,OAAO,CAAA;AAEd,OAAO,EAML,gBAAgB,EAGjB,MAAM,uBAAuB,CAAA;AAW9B,uBAAuB;AACvB,MAAM,WAAW,WAAW;IAE1B,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAGX,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAClC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACrC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACnC,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CAEzC;AAED;;GAEG;AACH,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAKD;;;GAGG;AACH,eAAO,MAAM,MAAM,yMAqPlB,CAAA;AAED,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAA;AAC5C,OAAO,EACL,WAAW,EACX,KAAK,kBAAkB,EACvB,KAAK,gBAAgB,GACtB,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA"}

package/dist/esm/types/components/WheelObserver/index.d.ts

@@ -10,7 +10,8 @@ import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
  *   <div>Wheel here</div>
  * </WheelObserver>
  */
-interface Props<T extends ElementType> {
+/** @category WheelObserver */
+export interface WheelObserverProps<T extends ElementType> {
     /**
      * React.ElementType
      * @default div
@@ -20,6 +21,5 @@ interface Props<T extends ElementType> {
     onWheel?: (event: WheelEvent) => void;
 }
 /** @category WheelObserver */
-export declare function WheelObserver<T extends ElementType = 'div'>(props: Props<T> & Omit<ComponentPropsWithoutRef<T>, keyof Props<T>>): import("react/jsx-runtime").JSX.Element;
-export {};
+export declare function WheelObserver<T extends ElementType = 'div'>(props: WheelObserverProps<T> & Omit<ComponentPropsWithoutRef<T>, keyof WheelObserverProps<T>>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/dist/esm/types/components/WheelObserver/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/WheelObserver/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxE;;;;;;;;;;GAUG;AAEH,UAAU,KAAK,CAAC,CAAC,SAAS,WAAW;IACnC;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAA;IAEN,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACtC;AAED,8BAA8B;AAC9B,wBAAgB,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EACzD,KAAK,EAAE,KAAK,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,2CAkBpE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/WheelObserver/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,wBAAwB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAIxE;;;;;;;;;;GAUG;AAEH,8BAA8B;AAC9B,MAAM,WAAW,kBAAkB,CAAC,CAAC,SAAS,WAAW;IACvD;;;OAGG;IACH,EAAE,CAAC,EAAE,CAAC,CAAA;IAEN,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;CACtC;AAED,8BAA8B;AAC9B,wBAAgB,aAAa,CAAC,CAAC,SAAS,WAAW,GAAG,KAAK,EACzD,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAC1B,IAAI,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,MAAM,kBAAkB,CAAC,CAAC,CAAC,CAAC,2CAkBjE"}

package/dist/esm/types/components/XYPad/Area.d.ts

@@ -1,9 +1,9 @@
-import { CSSProperties, ReactElement } from 'react';
+import { ComponentPropsWithoutRef, CSSProperties, ReactElement } from 'react';
 /** @category XYPad */
 export interface AreaProps {
     width?: number | string;
     height?: number | string;
-    bg?: string;
+    color?: string;
     className?: string;
     style?: CSSProperties;
     children?: ReactElement;
@@ -11,5 +11,5 @@ export interface AreaProps {
     __thumb?: ReactElement;
 }
 /** @category XYPad */
-export declare function XYPadArea({ width, height, bg, children, className, style, __thumb, }: AreaProps): import("react/jsx-runtime").JSX.Element;
+export declare function XYPadArea({ width, height, color, children, className, style, __thumb, ...props }: AreaProps & Omit<ComponentPropsWithoutRef<'div'>, keyof AreaProps>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Area.d.ts.map

package/dist/esm/types/components/XYPad/Area.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Area.d.ts","sourceRoot":"","sources":["../../../../../src/components/XYPad/Area.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEnD,sBAAsB;AACtB,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAA;IAEvB,cAAc;IACd,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB;AAED,sBAAsB;AACtB,wBAAgB,SAAS,CAAC,EACxB,KAAW,EACX,MAAY,EACZ,EAAW,EACX,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,GACR,EAAE,SAAS,2CAgBX"}
+{"version":3,"file":"Area.d.ts","sourceRoot":"","sources":["../../../../../src/components/XYPad/Area.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAE7E,sBAAsB;AACtB,MAAM,WAAW,SAAS;IACxB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,aAAa,CAAA;IACrB,QAAQ,CAAC,EAAE,YAAY,CAAA;IAEvB,cAAc;IACd,OAAO,CAAC,EAAE,YAAY,CAAA;CACvB;AAED,sBAAsB;AACtB,wBAAgB,SAAS,CAAC,EACxB,KAAW,EACX,MAAY,EACZ,KAAK,EACL,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,EACP,GAAG,KAAK,EACT,EAAE,SAAS,GAAG,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,SAAS,CAAC,2CAgBpE"}

package/dist/esm/types/components/XYPad/Thumb.d.ts

@@ -4,6 +4,7 @@ export interface ThumbProps {
     size?: number | string;
     width?: number | string;
     height?: number | string;
+    color?: string;
     wrapperClassName?: string;
     wrapperStyle?: CSSProperties;
     children?: ReactNode;

package/dist/esm/types/components/XYPad/Thumb.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/XYPad/Thumb.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EAEb,SAAS,EAGV,MAAM,OAAO,CAAA;AAEd,sBAAsB;AACtB,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,aAAa,CAAA;IAE5B,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB;IAChB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAED,sBAAsB;AACtB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAKD,sBAAsB;AACtB,eAAO,MAAM,UAAU,mPAyDtB,CAAA"}
+{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/XYPad/Thumb.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,aAAa,EAEb,SAAS,EAGV,MAAM,OAAO,CAAA;AAEd,sBAAsB;AACtB,MAAM,WAAW,UAAU;IACzB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,YAAY,CAAC,EAAE,aAAa,CAAA;IAE5B,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB;IAChB,KAAK,CAAC,EAAE,aAAa,CAAA;CACtB;AAED,sBAAsB;AACtB,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAKD,sBAAsB;AACtB,eAAO,MAAM,UAAU,mPA6DtB,CAAA"}