@tremolo-ui/react 0.0.1 → 0.0.2

package/dist/cjs/index.d.ts

@@ -1,57 +1,50 @@
+export * from 'common/math';
+import { WheelOption } from 'common/types';
+export * from 'common/types';
 import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
-import { WheelOption as WheelOption$1 } from '@/types';
-import React$1, { ReactNode } from 'react';
+import { CSSObject } from '@emotion/react';
+import React, { ReactElement } from 'react';
+import { ScaleOption as ScaleOption$1, Direction, ScaleType, ScaleOrderList } from 'common/components/Slider/type';
 
-declare function clamp(value: number, min: number, max: number): number;
-declare function normalizeValue(rawValue: number, min: number, max: number, skew?: number): number;
-declare function rawValue(normalizedValue: number, min: number, max: number, skew?: number): number;
-declare function skewWithCenterValue(centerValue: number, min: number, max: number): number;
-declare function stepValue(value: number, step: number): number;
-declare function toFixed(x: number, fractionDigits?: number): number;
-declare function decimalPart(x: number | string): string | undefined;
-
-type WheelOption = ['normalized' | 'raw', number];
+declare const userActionPseudoPropNames: readonly ["_hover", "_active", "_focus"];
+type UserActionPseudos = (typeof userActionPseudoPropNames)[number];
+type UserActionPseudoProps = Partial<{
+    [key in UserActionPseudos]: CSSObject;
+}>;
 
 interface KnobProps {
     value: number;
     min: number;
     max: number;
+    defaultValue?: number;
+    startValue?: number;
     step?: number;
     skew?: number;
-    size?: number | string;
-    active?: string;
-    inactive?: string;
-    bg?: string;
-    thumb?: string;
-    lineWeight?: number | string;
-    thumbWeight?: number | string;
+    size?: number | `${number}%`;
+    width?: number | `${number}%`;
+    height?: number | `${number}%`;
+    options?: {
+        active?: string;
+        inactive?: string;
+        bg?: string;
+        thumb?: string;
+        lineWeight?: number;
+        thumbWeight?: number;
+    };
     cursor?: string;
-    style?: React.CSSProperties;
+    style?: CSSObject;
     bodyNoSelect?: boolean;
-    enableWheel?: WheelOption$1;
+    enableWheel?: WheelOption;
+    enableDoubleClickDefault?: boolean;
     onChange?: (value: number) => void;
 }
-declare function Knob({ value, min, max, step, skew, size, active, inactive, bg, thumb, lineWeight, thumbWeight, cursor, style, bodyNoSelect, enableWheel, onChange, }: KnobProps): _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * simple rotary Knob.
+ */
+declare function Knob({ value, min, max, defaultValue, startValue, step, skew, size, width, height, options, cursor, style, bodyNoSelect, enableWheel, enableDoubleClickDefault, onChange, _active, _focus, _hover, ...props }: KnobProps & UserActionPseudoProps & Omit<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, 'onChange'>): _emotion_react_jsx_runtime.JSX.Element;
 
-type Horizontal = 'right' | 'left';
-type Vertical = 'up' | 'down';
-type Direction = Horizontal | Vertical;
-type ScaleType = 'mark' | 'mark-number' | 'number';
-type ScaleOrderList = {
-    at: number;
-    type: ScaleType;
-    style?: {
-        markColor?: string;
-        labelColor?: string;
-        length?: number | string;
-        thickness?: number | string;
-    };
-};
-type ScaleOption = {
-    markColor?: string;
-    labelColor?: string;
-    gap?: number | string;
-    style?: React.CSSProperties;
+type ScaleOption = ScaleOption$1 & {
+    style?: CSSObject;
 };
 
 interface SliderProps {
@@ -59,21 +52,24 @@ interface SliderProps {
     min: number;
     max: number;
     step?: number;
+    skew?: number;
     length?: number | string;
     thickness?: number | string;
     direction?: Direction;
-    skew?: number;
     scale?: ['step', ScaleType] | [number, ScaleType] | ScaleOrderList[];
     scaleOption?: ScaleOption;
     color?: string;
     bg?: string;
-    cursor?: string;
-    style?: React$1.CSSProperties;
     bodyNoSelect?: boolean;
-    enableWheel?: WheelOption$1;
+    enableWheel?: WheelOption;
+    className?: string;
+    style?: CSSObject;
     onChange?: (value: number) => void;
-    children?: ReactNode;
+    children?: ReactElement | ReactElement[];
 }
-declare function Slider({ value, min, max, step, length, thickness, direction, skew, scale, scaleOption, color, bg, cursor, style, bodyNoSelect, enableWheel, onChange, children, }: SliderProps): _emotion_react_jsx_runtime.JSX.Element;
+/**
+ * Customizable slider
+ */
+declare function Slider({ value, min, max, step, skew, length, thickness, direction, scale, scaleOption, color, bg, className, style, bodyNoSelect, enableWheel, onChange, children, ...pseudo }: SliderProps & UserActionPseudoProps): _emotion_react_jsx_runtime.JSX.Element;
 
-export { Knob, Slider, type WheelOption, clamp, decimalPart, normalizeValue, rawValue, skewWithCenterValue, stepValue, toFixed };
+export { Knob, Slider };