@tremolo-ui/react 0.0.5 → 0.0.7

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

@@ -0,0 +1,12 @@
+export type KeyBoardShortcuts = {
+    keys: string[];
+    flags?: {
+        naturalOnly?: boolean;
+    };
+};
+export declare const Shortcuts: {
+    HOME_ROW: {
+        keys: string[];
+    };
+};
+//# sourceMappingURL=keyboardShortcuts.d.ts.map

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

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

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

@@ -1,11 +1,26 @@
 import { CSSObject } from '@emotion/react';
 import { ReactNode } from 'react';
 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;
-    __css?: CSSObject;
     children?: ReactNode;
+    /** @internal */
+    __disabled?: boolean;
+    /** @internal */
+    __css?: CSSObject;
+}
+export interface SliderThumbMethods {
+    focus: () => void;
+    blur: () => void;
 }
-export declare function SliderThumb({ color, children, style, __css, }: SliderThumbProps): import("@emotion/react/jsx-runtime").JSX.Element;
+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,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE,gBAAgB,oDAsClB"}
+{"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"}

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

@@ -1,10 +1,29 @@
 import { CSSObject } from '@emotion/react';
 import { ReactElement } from 'react';
+import { Direction } from './type';
 interface SliderTrackProps {
+    length?: number | string;
+    thickness?: number | string;
+    activeBg?: string;
+    inactiveBg?: string;
+    activeHoverBg?: string;
+    inactiveHoverBg?: string;
+    disabledActiveBg?: string;
+    disabledInactiveBg?: string;
+    disabledActiveHoverBg?: string;
+    disabledInactiveHoverBg?: string;
+    className?: string;
     style?: CSSObject;
     children?: ReactElement;
-    __css?: CSSObject;
+    /** inherit */
+    __thumb?: ReactElement;
+    /** inherit */
+    __direction?: Direction;
+    /** inherit */
+    __disabled?: boolean;
+    /** internal */
+    __percent?: number;
 }
-export declare function SliderTrack({ children, style, __css, }: SliderTrackProps): import("@emotion/react/jsx-runtime").JSX.Element;
+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 {};
 //# 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;AAEpC,UAAU,gBAAgB;IACxB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB;AAED,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,KAAK,EACL,KAAK,GACN,EAAE,gBAAgB,oDAMlB"}
+{"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"}

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

@@ -1,33 +1,41 @@
 import { CSSObject } from '@emotion/react';
 import { Direction, ScaleOrderList, ScaleType } from '@tremolo-ui/functions/Slider';
-import { WheelOption } from '@tremolo-ui/functions';
-import { ReactElement } from 'react';
-import { UserActionPseudoProps } from '../../system/pseudo';
+import { InputEventOption } from '@tremolo-ui/functions';
+import React, { ReactElement } from 'react';
 import { ScaleOption } from './type';
-interface SliderProps {
+export interface SliderProps {
     value: number;
     min: number;
     max: number;
     step?: number;
     skew?: number;
-    length?: number | string;
-    thickness?: number | string;
     direction?: Direction;
     scale?: ['step', ScaleType] | [number, ScaleType] | ScaleOrderList[];
     scaleOption?: ScaleOption;
-    color?: string;
-    bg?: string;
     bodyNoSelect?: boolean;
-    enableWheel?: WheelOption;
+    /**
+     * wheel control option
+     */
+    wheel?: InputEventOption;
+    /**
+     * keyboard control option
+     */
+    keyboard?: InputEventOption;
+    disabled?: boolean;
+    readonly?: boolean;
     className?: string;
     style?: CSSObject;
     onChange?: (value: number) => void;
     children?: ReactElement | ReactElement[];
 }
+export interface SliderMethods {
+    focus: () => void;
+    blur: () => void;
+}
 /**
  * Customizable slider
  */
-export declare function Slider({ value, min, max, step, skew, length, thickness, direction, scale, scaleOption, color, bg, className, style, bodyNoSelect, enableWheel, onChange, children, ...pseudo }: SliderProps & UserActionPseudoProps): import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<SliderMethods>>;
 export * from './Thumb';
 export * from './Track';
 export * from './type';

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;AACvD,OAAO,EACL,SAAS,EAMT,cAAc,EACd,SAAS,EACV,MAAM,8BAA8B,CAAA;AAErC,OAAO,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAA;AAEnD,OAAc,EAAE,YAAY,EAAU,MAAM,OAAO,CAAA;AAKnD,OAAO,EAAE,qBAAqB,EAAE,MAAM,qBAAqB,CAAA;AAI3D,OAAO,EAAE,WAAW,EAAE,MAAM,QAAQ,CAAA;AAEpC,UAAU,WAAW;IAEnB,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,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,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,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,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;;GAEG;AACH,wBAAgB,MAAM,CAAC,EACrB,KAAK,EACL,GAAG,EACH,GAAG,EACH,IAAQ,EACR,IAAQ,EACR,MAAY,EACZ,SAAc,EACd,SAAmB,EACnB,KAAK,EACL,WAAW,EACX,KAAiB,EACjB,EAAW,EACX,SAAS,EACT,KAAK,EACL,YAAmB,EACnB,WAAW,EACX,QAAQ,EACR,QAAQ,EACR,GAAG,MAAM,EACV,EAAE,WAAW,GAAG,qBAAqB,oDAwPrC;AAED,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":"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"}

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

@@ -0,0 +1,4 @@
+export declare function addNoSelect(): void;
+export declare function removeNoSelect(): void;
+export declare function toggleNoSelect(): void;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/_util/index.ts"],"names":[],"mappings":"AAAA,wBAAgB,WAAW,SAE1B;AAED,wBAAgB,cAAc,SAE7B;AAED,wBAAgB,cAAc,SAE7B"}

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

@@ -1,5 +1,6 @@
 export * from './components/AnimationCanvas';
 export * from './components/Knob';
 export * from './components/NumberInput';
+export * from './components/Piano';
 export * from './components/Slider';
 //# 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,cAAc,8BAA8B,CAAA;AAC5C,cAAc,mBAAmB,CAAA;AACjC,cAAc,0BAA0B,CAAA;AACxC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA"}