@tremolo-ui/react 0.0.6 → 0.0.8

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Knob/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAU,MAAM,gBAAgB,CAAA;AACvD,OAAO,EAAsD,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAC5G,OAAc,EAAE,qBAAqB,EAAU,MAAM,OAAO,CAAA;AAK5D,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAC3D,OAAO,EAAmB,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAGlE,MAAM,WAAW,SAAS;IAExB,KAAK,EAAE,MAAM,CAAA;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAGX;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;IAErB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAA;IAEnB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb,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,sBAAsB;IACtB,OAAO,CAAC,EAAE;QACR,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,EAAE,CAAC,EAAE,MAAM,CAAA;QACX,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,WAAW,CAAC,EAAE,MAAM,CAAA;KACrB,CAAA;IAED,IAAI,CAAC,EAAE,YAAY,CAAA;IAEnB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,OAAO,CAAA;IAEtB,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,wBAAwB,CAAC,EAAE,OAAO,CAAA;IAClC,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACnC;AAWD;;GAEG;AACH,wBAAgB,IAAI,CAAC,EACnB,KAAK,EACL,GAAG,EACH,GAAG,EACH,YAAkB,EAClB,UAAgB,EAChB,IAAQ,EACR,IAAQ,EACR,IAAI,EACJ,KAAU,EACV,MAAW,EACX,OAAwB,EACxB,IAAI,EACJ,YAAmB,EACnB,KAAK,EACL,wBAA+B,EAC/B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,OAAO,EACP,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EACT,EAAE,SAAS,GACV,qBAAqB,GACrB,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,MAAM,SAAS,CAAC,oDA8LpD"}
+{"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,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,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,2CAoLpE"}

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

@@ -1,7 +1,5 @@
-import { CSSObject } from '@emotion/react';
-import { Units } from '@tremolo-ui/functions/NumberInput';
 import { ChangeEvent, ComponentPropsWithoutRef } from 'react';
-import { InputPseudoProps, UserActionPseudoProps } from '../../system/pseudo';
+import { Units } from '@tremolo-ui/functions/NumberInput';
 export interface NumberInputProps {
     value: number | string;
     min?: number;
@@ -36,7 +34,6 @@ export interface NumberInputProps {
     selectWithFocus?: 'all' | 'number' | 'none';
     blurWithEnter?: boolean;
     className?: string;
-    style?: CSSObject;
     onChange?: (value: number, event: ChangeEvent<HTMLInputElement>) => void;
     onFocus?: (value: number, event: React.FocusEvent<HTMLInputElement, Element>) => void;
     onBlur?: (value: number, event: React.FocusEvent<HTMLInputElement, Element>) => void;
@@ -44,5 +41,5 @@ export interface NumberInputProps {
 /**
  * Input with some useful functions for entering numerical values.
  */
-export declare function NumberInput({ value, min, max, step, defaultValue, units, disabled, placeholder, readOnly, tabIndex, typeNumber, digit, selectWithFocus, blurWithEnter, className, style, onChange, onFocus, onBlur, ...props }: NumberInputProps & UserActionPseudoProps & InputPseudoProps & Omit<ComponentPropsWithoutRef<'input'>, keyof NumberInputProps>): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function NumberInput({ value, min, max, step, defaultValue, units, disabled, placeholder, readOnly, tabIndex, typeNumber, digit, selectWithFocus, blurWithEnter, className, onChange, onFocus, onBlur, ...props }: NumberInputProps & Omit<ComponentPropsWithoutRef<'input'>, keyof NumberInputProps | 'type'>): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAc,KAAK,EAAE,MAAM,mCAAmC,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,wBAAwB,EAAY,MAAM,OAAO,CAAA;AAGvE,OAAO,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAE7E,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IAEtB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxE,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAC/C,IAAI,CAAA;IACT,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAC/C,IAAI,CAAA;CACV;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,EACJ,YAAkB,EAClB,KAAK,EACL,QAAgB,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAkB,EAClB,KAAK,EACL,eAAwB,EACxB,aAAoB,EACpB,SAAS,EACT,KAAK,EACL,QAAQ,EACR,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,qBAAqB,GAAG,gBAAgB,GAC5D,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,gBAAgB,CAAC,oDAsFhE"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/NumberInput/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,WAAW,EAAE,wBAAwB,EAAY,MAAM,OAAO,CAAA;AAGvE,OAAO,EAAc,KAAK,EAAE,MAAM,mCAAmC,CAAA;AAErE,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,MAAM,GAAG,MAAM,CAAA;IAEtB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,YAAY,CAAC,EAAE,MAAM,CAAA;IAGrB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAA;IAEjB;;;;;OAKG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAA;IAEtB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB;;;;;;;;OAQG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,eAAe,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC3C,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAA;IACxE,OAAO,CAAC,EAAE,CACR,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAC/C,IAAI,CAAA;IACT,MAAM,CAAC,EAAE,CACP,KAAK,EAAE,MAAM,EACb,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,gBAAgB,EAAE,OAAO,CAAC,KAC/C,IAAI,CAAA;CACV;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAI,EACJ,YAAkB,EAClB,KAAK,EACL,QAAgB,EAChB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,UAAkB,EAClB,KAAK,EACL,eAAwB,EACxB,aAAoB,EACpB,SAAS,EACT,QAAQ,EACR,OAAO,EACP,MAAM,EACN,GAAG,KAAK,EACT,EAAE,gBAAgB,GACjB,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,MAAM,gBAAgB,GAAG,MAAM,CAAC,2CAyDzE"}

package/dist/cjs/types/components/Piano/BlackKey.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { KeyMethods, KeyProps } from "./key";
-export declare const BlackKey: React.ForwardRefExoticComponent<KeyProps & React.RefAttributes<KeyMethods>>;
+import React from 'react';
+import { KeyMethods, KeyProps } from './key';
+export declare const BlackKey: React.ForwardRefExoticComponent<KeyProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof KeyProps> & React.RefAttributes<KeyMethods>>;
 //# sourceMappingURL=BlackKey.d.ts.map

package/dist/cjs/types/components/Piano/BlackKey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BlackKey.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/BlackKey.tsx"],"names":[],"mappings":"AACA,OAAO,KAA4D,MAAM,OAAO,CAAA;AAGhF,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAE5C,eAAO,MAAM,QAAQ,6EAqGnB,CAAA"}
+{"version":3,"file":"BlackKey.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/BlackKey.tsx"],"names":[],"mappings":"AACA,OAAO,KAKN,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAK5C,eAAO,MAAM,QAAQ,gMAoGpB,CAAA"}

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

@@ -1,13 +1,11 @@
-import { CSSObject } from "@emotion/react";
-import { ReactNode } from "react";
-interface Props {
+import { ComponentPropsWithoutRef, CSSProperties, ReactNode } from 'react';
+export interface KeyLabelProps {
     /**
      * override Piano.label
      */
     label?: (note: number, index: number) => ReactNode;
-    className?: string;
-    style?: CSSObject;
-    wrapperStyle?: CSSObject;
+    wrapperClassName?: string;
+    wrapperStyle?: CSSProperties;
     /** @internal */
     __note?: number;
     /** @internal */
@@ -15,6 +13,5 @@ interface Props {
     /** @internal */
     __label?: (note: number, index: number) => ReactNode;
 }
-export declare function KeyLabel({ label, className, style, wrapperStyle, __note, __index, __label, }: Props): false | import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
+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;
 //# sourceMappingURL=KeyLabel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"KeyLabel.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/KeyLabel.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAE/C,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,UAAU,KAAK;IACb;;OAEG;IACH,KAAK,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;IAElD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,YAAY,CAAC,EAAE,SAAS,CAAA;IAExB,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,wBAAgB,QAAQ,CAAC,EACvB,KAAK,EACL,SAAS,EACT,KAAK,EACL,YAAY,EACZ,MAAM,EACN,OAAO,EACP,OAAO,GACR,EAAE,KAAK,4DAsCP"}
+{"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,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,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"}

package/dist/cjs/types/components/Piano/WhiteKey.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
-import { KeyMethods, KeyProps } from "./key";
-export declare const WhiteKey: React.ForwardRefExoticComponent<KeyProps & React.RefAttributes<KeyMethods>>;
+import React from 'react';
+import { KeyMethods, KeyProps } from './key';
+export declare const WhiteKey: React.ForwardRefExoticComponent<KeyProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof KeyProps> & React.RefAttributes<KeyMethods>>;
 //# sourceMappingURL=WhiteKey.d.ts.map

package/dist/cjs/types/components/Piano/WhiteKey.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WhiteKey.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/WhiteKey.tsx"],"names":[],"mappings":"AACA,OAAO,KAA0C,MAAM,OAAO,CAAA;AAG9D,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAG5C,eAAO,MAAM,QAAQ,6EAqGnB,CAAA"}
+{"version":3,"file":"WhiteKey.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/WhiteKey.tsx"],"names":[],"mappings":"AACA,OAAO,KAKN,MAAM,OAAO,CAAA;AAEd,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAK5C,eAAO,MAAM,QAAQ,gMAoGpB,CAAA"}

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

@@ -1,5 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
-import { CSSObject } from '@emotion/react';
+import { ComponentPropsWithoutRef, CSSProperties, ReactElement, ReactNode } from 'react';
 import { KeyBoardShortcuts } from './keyboardShortcuts';
 /**
  * Piano component
@@ -17,7 +16,7 @@ export interface PianoProps {
     midiMax?: number;
     keyboardShortcuts?: KeyBoardShortcuts;
     fill?: boolean;
-    style?: CSSObject;
+    style?: CSSProperties;
     playNote?: (noteNumber: number) => void;
     stopNote?: (noteNumber: number) => void;
     label?: (note: number, index: number) => ReactNode;
@@ -26,10 +25,10 @@ export interface PianoProps {
      */
     children?: ReactElement | ReactElement[];
 }
-export declare function Piano({ noteRange, glissando, midiMax, keyboardShortcuts, fill, height, style, playNote, stopNote, label, children, }: PianoProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare function Piano({ noteRange, glissando, midiMax, keyboardShortcuts, fill, height, style, className, playNote, stopNote, label, children, ...props }: PianoProps & Omit<ComponentPropsWithoutRef<'div'>, keyof PianoProps>): import("react/jsx-runtime").JSX.Element;
 export * from './key';
+export * from './keyboardShortcuts';
 export { WhiteKey } from './WhiteKey';
 export { BlackKey } from './BlackKey';
 export { KeyLabel } from './KeyLabel';
-export * from './keyboardShortcuts';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/index.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAa,YAAY,EAAE,SAAS,EAAmD,MAAM,OAAO,CAAA;AAClH,OAAO,EAAO,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAQ/C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAEvD;;;;;GAKG;AAEH,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,SAAS,CAAA;IAEjB,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAEvC,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,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,SAAgB,EAChB,OAAa,EACb,iBAAiB,EACjB,IAAY,EACZ,MAA4B,EAC5B,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,GACT,EAAE,UAAU,oDA+JZ;AAED,cAAc,OAAO,CAAA;AACrB,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AAErC,cAAc,qBAAqB,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,EAKV,MAAM,OAAO,CAAA;AAcd,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAGvD;;;;;GAKG;AAEH,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,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IAEvC,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,wBAAgB,KAAK,CAAC,EACpB,SAAS,EACT,SAAgB,EAChB,OAAa,EACb,iBAAiB,EACjB,IAAY,EACZ,MAA4B,EAC5B,KAAK,EACL,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,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,MAAM,YAAY,CAAA"}

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

@@ -1,11 +1,8 @@
-import { CSSObject } from "@emotion/react";
-import { ReactElement, ReactNode } from "react";
+import { CSSProperties, ReactElement, ReactNode } from 'react';
 export interface KeyProps {
     width?: number;
-    height?: number | string;
-    bg?: string;
-    activeBg?: string;
-    style?: CSSObject;
+    height?: number | `${number}%`;
+    style?: CSSProperties;
     /**
      * \<KeyLabel />
      */
@@ -29,7 +26,7 @@ export interface KeyProps {
     /** @internal */
     __stopNote?: (noteNumber: number) => void;
     /** @internal */
-    __label?: (note: number) => ReactNode;
+    __label?: (note: number, index: number) => ReactNode;
 }
 export interface KeyMethods {
     play: () => void;

package/dist/cjs/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,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC1C,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE/C,MAAM,WAAW,QAAQ;IACvB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAExB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IAEjB;;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,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,gBAAgB;IAChB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,gBAAgB;IAChB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,SAAS,CAAA;CACtC;AAED,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.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAE9D,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,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,gBAAgB;IAChB,UAAU,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAA;IACzC,gBAAgB;IAChB,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,SAAS,CAAA;CACrD;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,IAAI,EAAE,MAAM,IAAI,CAAA;IAChB,MAAM,EAAE,MAAM,OAAO,CAAA;CACtB"}

package/dist/cjs/types/components/Piano/keyboardShortcuts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"keyboardShortcuts.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/keyboardShortcuts.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,OAAO,CAAA;KACtB,CAAC;CACH,CAAA;AAED,eAAO,MAAM,SAAS;;;;CAIrB,CAAA"}
+{"version":3,"file":"keyboardShortcuts.d.ts","sourceRoot":"","sources":["../../../../../src/components/Piano/keyboardShortcuts.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,MAAM,EAAE,CAAA;IAEd,KAAK,CAAC,EAAE;QACN,WAAW,CAAC,EAAE,OAAO,CAAA;KACtB,CAAA;CACF,CAAA;AAED,eAAO,MAAM,SAAS;;;;CAsBrB,CAAA"}

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

@@ -0,0 +1,11 @@
+import { ComponentPropsWithoutRef, ReactNode } from 'react';
+import { ScaleOptions } from '@tremolo-ui/functions/Slider';
+export interface ScaleProps {
+    gap?: number | string;
+    options?: ScaleOptions;
+    children?: ReactNode;
+}
+type Props = ScaleProps & Omit<ComponentPropsWithoutRef<'div'>, keyof ScaleProps>;
+export declare function Scale({ gap, options, children, className, style, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=Scale.d.ts.map

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

@@ -0,0 +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,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,wBAAgB,KAAK,CAAC,EACpB,GAAO,EACP,OAAO,EACP,QAAQ,EACR,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,KAAK,2CA6BP"}

package/dist/cjs/types/components/Slider/ScaleOption.d.ts

@@ -0,0 +1,25 @@
+import { ComponentPropsWithoutRef, CSSProperties } from 'react';
+import { ScaleType } from '@tremolo-ui/functions/Slider';
+export interface ScaleOptionProps {
+    value: number;
+    type?: ScaleType;
+    /** Display text instead of value. */
+    label?: string;
+    /** mark thickness */
+    thickness?: number | string;
+    /** mark length */
+    length?: number | string;
+    /** Gap between mark and label. */
+    gap?: number | string;
+    labelWidth?: number | string;
+    classes?: {
+        mark?: string;
+        label?: string;
+    };
+    styles?: {
+        mark?: CSSProperties;
+        label?: CSSProperties;
+    };
+}
+export declare function ScaleOption({ value, type, label, thickness, length, gap, labelWidth, classes, styles, className, style, ...props }: ScaleOptionProps & Omit<ComponentPropsWithoutRef<'div'>, keyof ScaleOptionProps>): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=ScaleOption.d.ts.map

package/dist/cjs/types/components/Slider/ScaleOption.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScaleOption.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/ScaleOption.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,wBAAwB,EAAE,aAAa,EAAe,MAAM,OAAO,CAAA;AAG5E,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AAIxD,MAAM,WAAW,gBAAgB;IAE/B,KAAK,EAAE,MAAM,CAAA;IAGb,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,qBAAqB;IACrB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,kBAAkB;IAClB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,kCAAkC;IAClC,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACrB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,OAAO,CAAC,EAAE;QACR,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IACD,MAAM,CAAC,EAAE;QACP,IAAI,CAAC,EAAE,aAAa,CAAA;QACpB,KAAK,CAAC,EAAE,aAAa,CAAA;KACtB,CAAA;CACF;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,IAAoB,EACpB,KAAK,EACL,SAAa,EACb,MAAiB,EACjB,GAAO,EACP,UAAU,EACV,OAAO,EACP,MAAM,EACN,SAAS,EACT,KAAK,EACL,GAAG,KAAK,EACT,EAAE,gBAAgB,GACjB,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,MAAM,gBAAgB,CAAC,2CAuD9D"}

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

@@ -1,26 +1,18 @@
-import { CSSObject } from '@emotion/react';
-import { ReactNode } from 'react';
-interface SliderThumbProps {
+import { CSSProperties, ReactNode } from 'react';
+export interface SliderThumbProps {
     size?: number | string;
     width?: number | string;
     height?: number | string;
-    color?: string;
-    hoverColor?: string;
-    disabledColor?: string;
-    disabledHoverColor?: string;
-    zIndex?: number;
     className?: string;
-    style?: CSSObject;
+    style?: CSSProperties;
     children?: ReactNode;
     /** @internal */
-    __disabled?: boolean;
-    /** @internal */
-    __css?: CSSObject;
+    __percent?: number;
 }
 export interface SliderThumbMethods {
     focus: () => void;
     blur: () => void;
 }
+export declare const defaultThumbSize = 22;
 export declare const SliderThumb: import("react").ForwardRefExoticComponent<SliderThumbProps & import("react").RefAttributes<SliderThumbMethods>>;
-export {};
 //# sourceMappingURL=Thumb.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/Thumb.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAO,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAc,SAAS,EAA+B,MAAM,OAAO,CAAA;AAG1E,UAAU,gBAAgB;IACxB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACtB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB,gBAAgB;IAChB,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB;IAChB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAEA,eAAO,MAAM,WAAW,iHAiEvB,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,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,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAED,eAAO,MAAM,gBAAgB,KAAK,CAAA;AAElC,eAAO,MAAM,WAAW,iHAwDvB,CAAA"}

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

@@ -1,29 +1,18 @@
-import { CSSObject } from '@emotion/react';
-import { ReactElement } from 'react';
-import { Direction } from './type';
-interface SliderTrackProps {
+import { CSSProperties, ReactElement } from 'react';
+export declare const defaultLength = 140;
+export declare const defaultThickness = 10;
+export interface SliderTrackProps {
     length?: number | string;
     thickness?: number | string;
-    activeBg?: string;
-    inactiveBg?: string;
-    activeHoverBg?: string;
-    inactiveHoverBg?: string;
-    disabledActiveBg?: string;
-    disabledInactiveBg?: string;
-    disabledActiveHoverBg?: string;
-    disabledInactiveHoverBg?: string;
+    active?: string;
+    inactive?: string;
     className?: string;
-    style?: CSSObject;
+    style?: CSSProperties;
     children?: ReactElement;
-    /** inherit */
+    /** @internal */
     __thumb?: ReactElement;
-    /** inherit */
-    __direction?: Direction;
-    /** inherit */
-    __disabled?: boolean;
-    /** internal */
+    /** @internal */
     __percent?: number;
 }
-export declare function SliderTrack({ length, thickness, activeBg, inactiveBg, activeHoverBg, inactiveHoverBg, disabledActiveBg, disabledInactiveBg, disabledActiveHoverBg, disabledInactiveHoverBg, children, className, style, __thumb, __direction, __disabled, __percent, }: SliderTrackProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};
+export declare function SliderTrack({ length, thickness, active, inactive, children, className, style, __thumb, __percent, }: SliderTrackProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Track.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Track.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/Track.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAKpC,OAAO,EAAE,SAAS,EAAqB,MAAM,QAAQ,CAAA;AAErD,UAAU,gBAAgB;IACxB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAE3B,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,eAAe,CAAC,EAAE,MAAM,CAAA;IAExB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,qBAAqB,CAAC,EAAE,MAAM,CAAA;IAC9B,uBAAuB,CAAC,EAAE,MAAM,CAAA;IAEhC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,YAAY,CAAA;IAEvB,cAAc;IACd,OAAO,CAAC,EAAE,YAAY,CAAA;IACtB,cAAc;IACd,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,cAAc;IACd,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,eAAe;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,wBAAgB,WAAW,CAAC,EAC1B,MAAY,EACZ,SAAc,EACd,QAAoB,EACpB,UAAmB,EACnB,aAAyB,EACzB,eAA2B,EAC3B,gBAA4B,EAC5B,kBAA2B,EAC3B,qBAAwC,EACxC,uBAA4C,EAC5C,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,EACP,WAAW,EACX,UAAU,EACV,SAAS,GACV,EAAE,gBAAgB,oDAwBlB"}
+{"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,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,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,wBAAgB,WAAW,CAAC,EAC1B,MAAsB,EACtB,SAA4B,EAC5B,MAAM,EACN,QAAQ,EACR,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,EACP,SAAS,GACV,EAAE,gBAAgB,2CA8BlB"}

package/dist/cjs/types/components/Slider/context.d.ts

@@ -0,0 +1,21 @@
+import { ReactNode } from 'react';
+interface Props {
+    min: number;
+    max: number;
+    step: number;
+    skew: number;
+    vertical: boolean;
+    reverse: boolean;
+    disabled: boolean;
+    children: ReactNode;
+}
+export declare function SliderValuesProvider({ min: _min, max: _max, step: _step, skew: _skew, vertical: _vertical, reverse: _reverse, disabled: _disabled, children, }: Props): import("react/jsx-runtime").JSX.Element;
+export declare const useMin: () => number;
+export declare const useMax: () => number;
+export declare const useStep: () => number;
+export declare const useSkew: () => number;
+export declare const useVertical: () => boolean;
+export declare const useReverse: () => boolean;
+export declare const useDisabled: () => boolean;
+export {};
+//# sourceMappingURL=context.d.ts.map

package/dist/cjs/types/components/Slider/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/context.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAuC,SAAS,EAAE,MAAM,OAAO,CAAA;AAUtE,UAAU,KAAK;IACb,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,OAAO,CAAA;IAChB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,wBAAgB,oBAAoB,CAAC,EACnC,GAAG,EAAE,IAAI,EACT,GAAG,EAAE,IAAI,EACT,IAAI,EAAE,KAAK,EACX,IAAI,EAAE,KAAK,EACX,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,QAAQ,EACjB,QAAQ,EAAE,SAAS,EACnB,QAAQ,GACT,EAAE,KAAK,2CA0BP;AAED,eAAO,MAAM,MAAM,cAA+B,CAAA;AAClD,eAAO,MAAM,MAAM,cAA+B,CAAA;AAClD,eAAO,MAAM,OAAO,cAAgC,CAAA;AACpD,eAAO,MAAM,OAAO,cAAgC,CAAA;AACpD,eAAO,MAAM,WAAW,eAAoC,CAAA;AAE5D,eAAO,MAAM,UAAU,eAAmC,CAAA;AAC1D,eAAO,MAAM,WAAW,eAAoC,CAAA"}

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

@@ -1,31 +1,35 @@
-import { CSSObject } from '@emotion/react';
-import { Direction, ScaleOrderList, ScaleType } from '@tremolo-ui/functions/Slider';
+import React, { CSSProperties, ReactElement } from 'react';
 import { InputEventOption } from '@tremolo-ui/functions';
-import React, { ReactElement } from 'react';
-import { ScaleOption } from './type';
 export interface SliderProps {
     value: number;
     min: number;
     max: number;
     step?: number;
     skew?: number;
-    direction?: Direction;
-    scale?: ['step', ScaleType] | [number, ScaleType] | ScaleOrderList[];
-    scaleOption?: ScaleOption;
+    vertical?: boolean;
+    reverse?: boolean;
     bodyNoSelect?: boolean;
     /**
      * wheel control option
      */
-    wheel?: InputEventOption;
+    wheel?: InputEventOption | null;
     /**
      * keyboard control option
      */
-    keyboard?: InputEventOption;
+    keyboard?: InputEventOption | null;
+    /**
+     * Only the appearance will change.
+     * Please consider using with readonly.
+     */
     disabled?: boolean;
+    /**
+     * Make the value unchangeable.
+     */
     readonly?: boolean;
     className?: string;
-    style?: CSSObject;
+    style?: CSSProperties;
     onChange?: (value: number) => void;
+    /** \<SliderThumb /> | \<SliderTrack /> */
     children?: ReactElement | ReactElement[];
 }
 export interface SliderMethods {
@@ -35,8 +39,10 @@ export interface SliderMethods {
 /**
  * Customizable slider
  */
-export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<SliderMethods>>;
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof SliderProps> & React.RefAttributes<SliderMethods>>;
+export * from './context';
 export * from './Thumb';
 export * from './Track';
-export * from './type';
+export * from './Scale';
+export * from './ScaleOption';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Slider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAO,SAAS,EAAU,MAAM,gBAAgB,CAAA;AAEvD,OAAO,EACL,SAAS,EAKT,cAAc,EACd,SAAS,EACV,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAuD,gBAAgB,EAAe,MAAM,uBAAuB,CAAA;AAC1H,OAAO,KAAK,EAAE,EAAc,YAAY,EAA4C,MAAM,OAAO,CAAA;AASjG,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAEpC,MAAM,WAAW,WAAW;IAG1B,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,SAAS,CAAC,EAAE,SAAS,CAAA;IAErB,KAAK,CAAC,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,cAAc,EAAE,CAAA;IACpE,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CAEzC;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAED;;GAEG;AACF,eAAO,MAAM,MAAM,mFAsSlB,CAAA;AAEF,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,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,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,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAKD;;GAEG;AACH,eAAO,MAAM,MAAM,yMAyOlB,CAAA;AAED,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA"}

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

@@ -0,0 +1,24 @@
+import { ComponentPropsWithoutRef, ElementType, ReactNode } from 'react';
+/**
+ * @example
+ * <WheelObserver
+ *   onWheel={(event) => {
+ *     event.preventDefault()
+ *     console.log(event.deltaY)
+ *   }
+ * >
+ *   <div>Wheel here</div>
+ * </WheelObserver>
+ */
+interface Props<T extends ElementType> {
+    /**
+     * React.ElementType
+     * @default div
+     */
+    as?: T;
+    children?: ReactNode;
+    onWheel?: (event: WheelEvent) => void;
+}
+export declare function WheelObserver<T extends ElementType = 'div'>(props: Props<T> & Omit<ComponentPropsWithoutRef<T>, keyof Props<T>>): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +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,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"}

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

@@ -0,0 +1,13 @@
+import { CSSProperties, ReactElement } from 'react';
+export interface AreaProps {
+    width?: number | string;
+    height?: number | string;
+    bg?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactElement;
+    /** inherit */
+    __thumb?: ReactElement;
+}
+export declare function XYPadArea({ width, height, bg, children, className, style, __thumb, }: AreaProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Area.d.ts.map

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

@@ -0,0 +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,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,wBAAgB,SAAS,CAAC,EACxB,KAAW,EACX,MAAY,EACZ,EAAW,EACX,QAAQ,EACR,SAAS,EACT,KAAK,EACL,OAAO,GACR,EAAE,SAAS,2CAgBX"}

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

@@ -0,0 +1,19 @@
+import { CSSProperties, ReactNode } from 'react';
+export interface ThumbProps {
+    size?: number | string;
+    width?: number | string;
+    height?: number | string;
+    wrapperClassName?: string;
+    wrapperStyle?: CSSProperties;
+    children?: ReactNode;
+    /** @internal */
+    __disabled?: boolean;
+    /** @internal */
+    __css?: CSSProperties;
+}
+export interface XYPadThumbMethods {
+    focus: () => void;
+    blur: () => void;
+}
+export declare const XYPadThumb: import("react").ForwardRefExoticComponent<ThumbProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof ThumbProps> & import("react").RefAttributes<XYPadThumbMethods>>;
+//# sourceMappingURL=Thumb.d.ts.map

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

@@ -0,0 +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,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,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAKD,eAAO,MAAM,UAAU,mPAyDtB,CAAA"}

package/dist/cjs/types/components/XYPad/index.d.ts

@@ -0,0 +1,39 @@
+import React, { ReactElement } from 'react';
+import { InputEventOption } from '@tremolo-ui/functions';
+export interface ValueOptions {
+    value: number;
+    min: number;
+    max: number;
+    step?: number;
+    skew?: number;
+    reverse?: boolean;
+    /**
+     * wheel control option
+     */
+    wheel?: InputEventOption | null;
+    /**
+     * keyboard control option
+     */
+    keyboard?: InputEventOption | null;
+}
+export interface XYPadProps {
+    x: ValueOptions;
+    y: ValueOptions;
+    bodyNoSelect?: boolean;
+    disabled?: boolean;
+    readonly?: boolean;
+    onChange?: (valueX: number, valueY: number) => void;
+    /** \<XYPadThumb /> | \<XYPadArea /> */
+    children?: ReactElement | ReactElement[];
+}
+export interface XYPadMethods {
+    focus: () => void;
+    blur: () => void;
+}
+/**
+ * Simple XYPad
+ */
+export declare const XYPad: React.ForwardRefExoticComponent<XYPadProps & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof XYPadProps> & React.RefAttributes<XYPadMethods>>;
+export * from './Thumb';
+export * from './Area';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/types/components/XYPad/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/XYPad/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAGZ,YAAY,EAKb,MAAM,OAAO,CAAA;AAEd,OAAO,EAML,gBAAgB,EAEjB,MAAM,uBAAuB,CAAA;AAS9B,MAAM,WAAW,YAAY;IAE3B,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,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,KAAK,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;IAC/B;;OAEG;IACH,QAAQ,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAA;CACnC;AAED,MAAM,WAAW,UAAU;IACzB,CAAC,EAAE,YAAY,CAAA;IACf,CAAC,EAAE,YAAY,CAAA;IAEf,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD,uCAAuC;IACvC,QAAQ,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;CACzC;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,IAAI,CAAA;IACjB,IAAI,EAAE,MAAM,IAAI,CAAA;CACjB;AAaD;;GAEG;AACH,eAAO,MAAM,KAAK,sMA0OjB,CAAA;AAED,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA"}

package/dist/cjs/types/hooks/useCallbackRef.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useCallbackRef.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCallbackRef.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,SAAS,OAAO,EAAE,EAAE,MAAM,EAC3D,QAAQ,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,GAAG,SAAS,EACjD,IAAI,GAAE,KAAK,CAAC,cAAmB,aAUF,IAAI,wBAClC"}
+{"version":3,"file":"useCallbackRef.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCallbackRef.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,wBAAgB,cAAc,CAAC,IAAI,SAAS,OAAO,EAAE,EAAE,MAAM,EAC3D,QAAQ,EAAE,CAAC,CAAC,GAAG,IAAI,EAAE,IAAI,KAAK,MAAM,CAAC,GAAG,SAAS,EACjD,IAAI,GAAE,KAAK,CAAC,cAAmB,aAWF,IAAI,wBAClC"}

package/dist/cjs/types/index.d.ts

@@ -1,5 +1,16 @@
+import './styles/index.css';
+import './components/Knob/index.css';
+import './components/NumberInput/index.css';
+import './components/Piano/index.css';
+import './components/Slider/index.css';
+import './components/XYPad/index.css';
 export * from './components/AnimationCanvas';
+export * from './components/AnimationKnob';
+export * from './components/DragObserver';
 export * from './components/Knob';
 export * from './components/NumberInput';
+export * from './components/Piano';
 export * from './components/Slider';
+export * from './components/WheelObserver';
+export * from './components/XYPad';
 //# sourceMappingURL=index.d.ts.map

package/dist/cjs/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,qBAAqB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,oBAAoB,CAAA;AAC3B,OAAO,6BAA6B,CAAA;AACpC,OAAO,oCAAoC,CAAA;AAC3C,OAAO,8BAA8B,CAAA;AACrC,OAAO,+BAA+B,CAAA;AACtC,OAAO,8BAA8B,CAAA;AAErC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,4BAA4B,CAAA;AAC1C,cAAc,2BAA2B,CAAA;AACzC,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,4BAA4B,CAAA;AAC1C,cAAc,oBAAoB,CAAA"}