zds-pickers 4.0.11 → 4.0.13

package/dist/index.js

@@ -1,21 +1,19 @@
-// Components
-export { default as ChannelMappingPicker } from './pickers/ChannelMappingPicker';
-export { default as ChannelPicker } from './pickers/ChannelPicker';
-export { default as DefaultTooltip } from './other/DefaultTooltip';
-export { default as Knob } from './pickers/Knob';
-export { default as KnobPicker } from './pickers/KnobPicker';
-export { default as LatchPicker } from './pickers/LatchPicker';
-export { default as MappingPicker } from './pickers/MappingPicker';
-export { default as NotePicker } from './pickers/NotePicker';
-export { default as OctavePlayer } from './other/OctavePlayer';
-export { default as PianoPicker } from './pickers/PianoPicker';
-export { default as PolarityPicker } from './pickers/PolarityPicker';
-export { default as ResponseCurvePicker } from './pickers/ResponseCurvePicker';
-export { default as Select } from './pickers/Select';
-export { default as StatusPicker } from './pickers/StatusPicker';
-export { default as SVGText } from './other/SVGText';
-export { default as ValuePicker } from './pickers/ValuePicker';
-// MIDI Values & Functions
-export { combineStatusWithChannel, extractStatusAndChannel, getStatusLabel, MASK_CHANNEL, MASK_STATUS, Statuses, } from './midi/export';
-export { default as ResponseCurve, RESPONSE_CURVES, } from './pickers/ResponseCurve';
-export { default as ccValues } from './midi/ccValues';
+export * from './midi/ccValues';
+export * from './midi/export';
+export * from './other/DefaultTooltip';
+export * from './other/OctavePlayer';
+export * from './other/SVGText';
+export * from './pickers/ChannelMappingPicker';
+export * from './pickers/ChannelPicker';
+export * from './pickers/Knob';
+export * from './pickers/KnobPicker';
+export * from './pickers/LatchPicker';
+export * from './pickers/MappingPicker';
+export * from './pickers/NotePicker';
+export * from './pickers/PianoPicker';
+export * from './pickers/PolarityPicker';
+export * from './pickers/ResponseCurve';
+export * from './pickers/ResponseCurvePicker';
+export * from './pickers/Select';
+export * from './pickers/StatusPicker';
+export * from './pickers/ValuePicker';

package/dist/midi/export.js

@@ -24,4 +24,46 @@ const extractStatusAndChannel = (status) => ({
     status: (((status & MASK_STATUS) >> 4) | 8),
     channel: status & MASK_CHANNEL,
 });
-export { combineStatusWithChannel, extractStatusAndChannel, getStatusLabel, MASK_CHANNEL, MASK_STATUS, statusOptions, Statuses, };
+const RESPONSE_CURVE_0 = 0;
+const RESPONSE_CURVE_1 = 1;
+const RESPONSE_CURVE_2 = 2;
+const RESPONSE_CURVE_3 = 3;
+const RESPONSE_CURVE_4 = 4;
+const RESPONSE_CURVE_5 = 5;
+const RESPONSE_CURVE_6 = 6;
+const RESPONSE_CURVE_7 = 7;
+const responseCurves = [
+    {
+        value: RESPONSE_CURVE_7,
+        label: 'Always maxed out.',
+    },
+    {
+        value: RESPONSE_CURVE_6,
+        label: 'Most sensitive.',
+    },
+    {
+        value: RESPONSE_CURVE_5,
+        label: 'Moderately sensitive.',
+    },
+    {
+        value: RESPONSE_CURVE_4,
+        label: 'A little sensitive.',
+    },
+    {
+        value: RESPONSE_CURVE_0,
+        label: 'Linear, no change.',
+    },
+    {
+        value: RESPONSE_CURVE_1,
+        label: 'A little less sensitive.',
+    },
+    {
+        value: RESPONSE_CURVE_2,
+        label: 'Even less sensitive.',
+    },
+    {
+        value: RESPONSE_CURVE_3,
+        label: 'Least sensitive.',
+    },
+];
+export { combineStatusWithChannel, extractStatusAndChannel, getStatusLabel, MASK_CHANNEL, MASK_STATUS, responseCurves, Statuses, statusOptions, };

package/dist/pickers/ResponseCurve.js

@@ -1,50 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useRef } from 'react';
 import useComponentSize from '../hooks/useComponentSize';
+import { responseCurves as origResponseCurves, } from '../midi/export';
 import DefaultTooltip from '../other/DefaultTooltip';
 import SVGText from '../other/SVGText';
-const RESPONSE_CURVE_0 = 0;
-const RESPONSE_CURVE_1 = 1;
-const RESPONSE_CURVE_2 = 2;
-const RESPONSE_CURVE_3 = 3;
-const RESPONSE_CURVE_4 = 4;
-const RESPONSE_CURVE_5 = 5;
-const RESPONSE_CURVE_6 = 6;
-const RESPONSE_CURVE_7 = 7;
-const RESPONSE_CURVES = [
-    {
-        value: RESPONSE_CURVE_7,
-        label: 'Always maxed out.',
-    },
-    {
-        value: RESPONSE_CURVE_6,
-        label: 'Most sensitive.',
-    },
-    {
-        value: RESPONSE_CURVE_5,
-        label: 'Moderately sensitive.',
-    },
-    {
-        value: RESPONSE_CURVE_4,
-        label: 'A little sensitive.',
-    },
-    {
-        value: RESPONSE_CURVE_0,
-        label: 'Linear, no change.',
-    },
-    {
-        value: RESPONSE_CURVE_1,
-        label: 'A little less sensitive.',
-    },
-    {
-        value: RESPONSE_CURVE_2,
-        label: 'Even less sensitive.',
-    },
-    {
-        value: RESPONSE_CURVE_3,
-        label: 'Least sensitive.',
-    },
-];
 // const width = 218
 // const height = 150
 const axisOffset = 20;
@@ -63,7 +22,7 @@ const ResponseCurve = (props) => {
     const xMid = width / 2;
     const yMid = height / 2;
     const svgProps = { ref: svgRef };
-    const responseCurves = RESPONSE_CURVES.map(
+    const responseCurves = origResponseCurves.map(
     // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: <explanation>
     ({ value, label }) => {
         let c1 = 0;
@@ -75,48 +34,48 @@ const ResponseCurve = (props) => {
         let labelX = xMid;
         let labelY = yMid;
         switch (value) {
-            case RESPONSE_CURVE_0:
+            case responseCurves[0].value:
                 c1 = xMid;
                 c2 = yMid;
                 labelY += 3;
                 break;
-            case RESPONSE_CURVE_1:
+            case responseCurves[1].value:
                 c1 = inverted ? xMid + width * 0.13 : xMid - width * 0.13;
                 c2 = yMid - height * 0.13;
                 labelX = inverted ? xMid + width * 0.1 : xMid - width * 0.1;
                 labelY = yMid - height * 0.09;
                 break;
-            case RESPONSE_CURVE_2:
+            case responseCurves[2].value:
                 c1 = inverted ? xMid + width * 0.25 : xMid - width * 0.25;
                 c2 = yMid - height * 0.25;
                 labelX = inverted ? xMid + width * 0.2 : xMid - width * 0.2;
                 labelY = yMid - height * 0.17;
                 break;
-            case RESPONSE_CURVE_3:
+            case responseCurves[3].value:
                 c1 = inverted ? xMid + width * 0.35 : xMid - width * 0.35;
                 c2 = yMid - height * 0.35;
                 labelX = inverted ? xMid + width * 0.28 : xMid - width * 0.28;
                 labelY = yMid - height * 0.25;
                 break;
-            case RESPONSE_CURVE_4:
+            case responseCurves[4].value:
                 c1 = inverted ? xMid - width * 0.13 : xMid + width * 0.13;
                 c2 = yMid + height * 0.13;
                 labelX = inverted ? xMid - width * 0.1 : xMid + width * 0.1;
                 labelY = yMid + height * 0.1;
                 break;
-            case RESPONSE_CURVE_5:
+            case responseCurves[5].value:
                 c1 = inverted ? xMid - width * 0.25 : xMid + width * 0.25;
                 c2 = yMid + height * 0.25;
                 labelX = inverted ? xMid - width * 0.2 : xMid + width * 0.2;
                 labelY = yMid + height * 0.18;
                 break;
-            case RESPONSE_CURVE_6:
+            case responseCurves[6].value:
                 c1 = inverted ? xMid - width * 0.35 : xMid + width * 0.35;
                 c2 = yMid + height * 0.35;
                 labelX = inverted ? xMid - width * 0.28 : xMid + width * 0.28;
                 labelY = yMid + height * 0.25;
                 break;
-            case RESPONSE_CURVE_7:
+            case responseCurves[7].value:
                 x1 = inverted ? axisX1 : axisX2;
                 y1 = axisY1;
                 x2 = x1;
@@ -151,4 +110,3 @@ const ResponseCurve = (props) => {
                                     }), transform: `translate(${labelX + 3} ${labelY - buttonSize / 1.05}) rotate(45)`, width: buttonSize }) }), _jsxs("text", { className: value === responseCurve ? 'button-selected' : 'button', transform: `translate(${labelX} ${labelY})`, children: [value, _jsx("title", { children: label })] })] }, value)))] }) }));
 };
 export default ResponseCurve;
-export { RESPONSE_CURVES };

package/dist/pickers/ResponseCurvePicker.js

@@ -1,12 +1,13 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef, useCallback } from 'react';
+import { responseCurves } from '../midi/export';
 import DefaultTooltip from '../other/DefaultTooltip';
 import { findObj } from '../utils';
-import ResponseCurve, { RESPONSE_CURVES } from './ResponseCurve';
+import ResponseCurve from './ResponseCurve';
 import Select from './Select';
 const ResponseCurvePicker = forwardRef((props, ref) => {
     const { Tooltip = DefaultTooltip, inverted = false, onChange, value, ...rest } = props;
-    const Placeholder = useCallback(() => (_jsx("div", { className: "singleValue", children: findObj('value', value)(RESPONSE_CURVES)?.label })), [value]);
+    const Placeholder = useCallback(() => (_jsx("div", { className: "singleValue", children: findObj('value', value)(responseCurves)?.label })), [value]);
     const MenuList = useCallback(({ setValue }) => (_jsx(ResponseCurve, { autosize: true, inverted: inverted, onChange: ({ target: { value: v } }) => {
             setValue(v);
             onChange(v);

package/dist/types/index.d.ts

@@ -1,19 +1,22 @@
-export { default as ChannelMappingPicker } from './pickers/ChannelMappingPicker';
-export { default as ChannelPicker } from './pickers/ChannelPicker';
-export { default as DefaultTooltip } from './other/DefaultTooltip';
-export { default as Knob } from './pickers/Knob';
-export { default as KnobPicker } from './pickers/KnobPicker';
-export { default as LatchPicker } from './pickers/LatchPicker';
-export { default as MappingPicker } from './pickers/MappingPicker';
-export { default as NotePicker } from './pickers/NotePicker';
-export { default as OctavePlayer } from './other/OctavePlayer';
-export { default as PianoPicker } from './pickers/PianoPicker';
-export { default as PolarityPicker } from './pickers/PolarityPicker';
-export { default as ResponseCurvePicker } from './pickers/ResponseCurvePicker';
-export { default as Select } from './pickers/Select';
-export { default as StatusPicker } from './pickers/StatusPicker';
-export { default as SVGText } from './other/SVGText';
-export { default as ValuePicker } from './pickers/ValuePicker';
+export * from './midi/ccValues';
+export * from './midi/export';
+export * from './other/DefaultTooltip';
+export * from './other/OctavePlayer';
+export * from './other/SVGText';
+export * from './pickers/ChannelMappingPicker';
+export * from './pickers/ChannelPicker';
+export * from './pickers/Knob';
+export * from './pickers/KnobPicker';
+export * from './pickers/LatchPicker';
+export * from './pickers/MappingPicker';
+export * from './pickers/NotePicker';
+export * from './pickers/PianoPicker';
+export * from './pickers/PolarityPicker';
+export * from './pickers/ResponseCurve';
+export * from './pickers/ResponseCurvePicker';
+export * from './pickers/Select';
+export * from './pickers/StatusPicker';
+export * from './pickers/ValuePicker';
 export type * from './midi/export';
 export type * from './other/DefaultTooltip';
 export type * from './other/OctavePlayer';
@@ -35,6 +38,3 @@ export type * from './pickers/Select';
 export type * from './pickers/StatusPicker';
 export type * from './pickers/ValuePicker';
 export type * from './rotaryKnob/InternalInput';
-export { combineStatusWithChannel, extractStatusAndChannel, getStatusLabel, MASK_CHANNEL, MASK_STATUS, Statuses, } from './midi/export';
-export { default as ResponseCurve, RESPONSE_CURVES, } from './pickers/ResponseCurve';
-export { default as ccValues } from './midi/ccValues';

package/dist/types/midi/export.d.ts

@@ -18,4 +18,15 @@ declare const extractStatusAndChannel: (status: number) => {
     status: Status;
     channel: number;
 };
-export { combineStatusWithChannel, extractStatusAndChannel, getStatusLabel, MASK_CHANNEL, MASK_STATUS, statusOptions, Statuses, type Status, };
+declare const RESPONSE_CURVE_0 = 0;
+declare const RESPONSE_CURVE_1 = 1;
+declare const RESPONSE_CURVE_2 = 2;
+declare const RESPONSE_CURVE_3 = 3;
+declare const RESPONSE_CURVE_4 = 4;
+declare const RESPONSE_CURVE_5 = 5;
+declare const RESPONSE_CURVE_6 = 6;
+declare const RESPONSE_CURVE_7 = 7;
+type Curve = typeof RESPONSE_CURVE_0 | typeof RESPONSE_CURVE_1 | typeof RESPONSE_CURVE_2 | typeof RESPONSE_CURVE_3 | typeof RESPONSE_CURVE_4 | typeof RESPONSE_CURVE_5 | typeof RESPONSE_CURVE_6 | typeof RESPONSE_CURVE_7;
+declare const responseCurves: Option<Curve>[];
+export { combineStatusWithChannel, extractStatusAndChannel, getStatusLabel, MASK_CHANNEL, MASK_STATUS, responseCurves, Statuses, statusOptions, };
+export type { Curve, Status };

package/dist/types/pickers/ResponseCurve.d.ts

@@ -1,14 +1,5 @@
+import { type Curve } from '../midi/export';
 import { type TooltipProps } from '../other/DefaultTooltip';
-import type { Option } from './Select';
-declare const RESPONSE_CURVE_0 = 0;
-declare const RESPONSE_CURVE_1 = 1;
-declare const RESPONSE_CURVE_2 = 2;
-declare const RESPONSE_CURVE_3 = 3;
-declare const RESPONSE_CURVE_4 = 4;
-declare const RESPONSE_CURVE_5 = 5;
-declare const RESPONSE_CURVE_6 = 6;
-declare const RESPONSE_CURVE_7 = 7;
-type Curve = typeof RESPONSE_CURVE_0 | typeof RESPONSE_CURVE_1 | typeof RESPONSE_CURVE_2 | typeof RESPONSE_CURVE_3 | typeof RESPONSE_CURVE_4 | typeof RESPONSE_CURVE_5 | typeof RESPONSE_CURVE_6 | typeof RESPONSE_CURVE_7;
 type ResponseCurve = {
     value: Curve;
     label: React.ReactNode;
@@ -21,7 +12,6 @@ type ResponseCurve = {
     labelX: number;
     labelY: number;
 };
-declare const RESPONSE_CURVES: Option<Curve>[];
 type ResponseCurveProps = {
     autosize: boolean;
     disabled?: boolean;
@@ -36,5 +26,4 @@ type ResponseCurveProps = {
 };
 declare const ResponseCurve: (props: ResponseCurveProps) => import("react/jsx-runtime").JSX.Element;
 export default ResponseCurve;
-export { RESPONSE_CURVES };
-export type { Curve, ResponseCurve, ResponseCurveProps };
+export type { ResponseCurve, ResponseCurveProps };

package/dist/types/pickers/ResponseCurvePicker.d.ts

@@ -1,6 +1,6 @@
 import type { GroupBase, SelectInstance } from 'react-select';
+import { type Curve } from '../midi/export';
 import { type TooltipProps } from '../other/DefaultTooltip';
-import { type Curve } from './ResponseCurve';
 import type { Option, SelectProps } from './Select';
 type ResponseCurvePickerProps = SelectProps<Curve> & {
     inverted?: boolean;

package/lib/index.ts

@@ -1,20 +1,24 @@
-// Components
-export { default as ChannelMappingPicker } from './pickers/ChannelMappingPicker'
-export { default as ChannelPicker } from './pickers/ChannelPicker'
-export { default as DefaultTooltip } from './other/DefaultTooltip'
-export { default as Knob } from './pickers/Knob'
-export { default as KnobPicker } from './pickers/KnobPicker'
-export { default as LatchPicker } from './pickers/LatchPicker'
-export { default as MappingPicker } from './pickers/MappingPicker'
-export { default as NotePicker } from './pickers/NotePicker'
-export { default as OctavePlayer } from './other/OctavePlayer'
-export { default as PianoPicker } from './pickers/PianoPicker'
-export { default as PolarityPicker } from './pickers/PolarityPicker'
-export { default as ResponseCurvePicker } from './pickers/ResponseCurvePicker'
-export { default as Select } from './pickers/Select'
-export { default as StatusPicker } from './pickers/StatusPicker'
-export { default as SVGText } from './other/SVGText'
-export { default as ValuePicker } from './pickers/ValuePicker'
+export * from './midi/ccValues'
+export * from './midi/export'
+
+export * from './other/DefaultTooltip'
+export * from './other/OctavePlayer'
+export * from './other/SVGText'
+
+export * from './pickers/ChannelMappingPicker'
+export * from './pickers/ChannelPicker'
+export * from './pickers/Knob'
+export * from './pickers/KnobPicker'
+export * from './pickers/LatchPicker'
+export * from './pickers/MappingPicker'
+export * from './pickers/NotePicker'
+export * from './pickers/PianoPicker'
+export * from './pickers/PolarityPicker'
+export * from './pickers/ResponseCurve'
+export * from './pickers/ResponseCurvePicker'
+export * from './pickers/Select'
+export * from './pickers/StatusPicker'
+export * from './pickers/ValuePicker'
 
 // Types
 export type * from './midi/export'
@@ -41,20 +45,3 @@ export type * from './pickers/StatusPicker'
 export type * from './pickers/ValuePicker'
 
 export type * from './rotaryKnob/InternalInput'
-
-// MIDI Values & Functions
-export {
-  combineStatusWithChannel,
-  extractStatusAndChannel,
-  getStatusLabel,
-  MASK_CHANNEL,
-  MASK_STATUS,
-  Statuses,
-} from './midi/export'
-
-export {
-  default as ResponseCurve,
-  RESPONSE_CURVES,
-} from './pickers/ResponseCurve'
-
-export { default as ccValues } from './midi/ccValues'

package/lib/midi/export.ts

@@ -41,13 +41,69 @@ const extractStatusAndChannel = (
   channel: status & MASK_CHANNEL,
 })
 
+const RESPONSE_CURVE_0 = 0
+const RESPONSE_CURVE_1 = 1
+const RESPONSE_CURVE_2 = 2
+const RESPONSE_CURVE_3 = 3
+const RESPONSE_CURVE_4 = 4
+const RESPONSE_CURVE_5 = 5
+const RESPONSE_CURVE_6 = 6
+const RESPONSE_CURVE_7 = 7
+
+type Curve =
+  | typeof RESPONSE_CURVE_0
+  | typeof RESPONSE_CURVE_1
+  | typeof RESPONSE_CURVE_2
+  | typeof RESPONSE_CURVE_3
+  | typeof RESPONSE_CURVE_4
+  | typeof RESPONSE_CURVE_5
+  | typeof RESPONSE_CURVE_6
+  | typeof RESPONSE_CURVE_7
+
+const responseCurves: Option<Curve>[] = [
+  {
+    value: RESPONSE_CURVE_7,
+    label: 'Always maxed out.',
+  },
+  {
+    value: RESPONSE_CURVE_6,
+    label: 'Most sensitive.',
+  },
+  {
+    value: RESPONSE_CURVE_5,
+    label: 'Moderately sensitive.',
+  },
+  {
+    value: RESPONSE_CURVE_4,
+    label: 'A little sensitive.',
+  },
+  {
+    value: RESPONSE_CURVE_0,
+    label: 'Linear, no change.',
+  },
+  {
+    value: RESPONSE_CURVE_1,
+    label: 'A little less sensitive.',
+  },
+  {
+    value: RESPONSE_CURVE_2,
+    label: 'Even less sensitive.',
+  },
+  {
+    value: RESPONSE_CURVE_3,
+    label: 'Least sensitive.',
+  },
+]
+
 export {
   combineStatusWithChannel,
   extractStatusAndChannel,
   getStatusLabel,
   MASK_CHANNEL,
   MASK_STATUS,
-  statusOptions,
+  responseCurves,
   Statuses,
-  type Status,
+  statusOptions,
 }
+
+export type { Curve, Status }

package/lib/pickers/ResponseCurve.tsx

@@ -1,27 +1,11 @@
 import { useRef } from 'react'
 import useComponentSize from '../hooks/useComponentSize'
+import {
+  type Curve,
+  responseCurves as origResponseCurves,
+} from '../midi/export'
 import DefaultTooltip, { type TooltipProps } from '../other/DefaultTooltip'
 import SVGText from '../other/SVGText'
-import type { Option } from './Select'
-
-const RESPONSE_CURVE_0 = 0
-const RESPONSE_CURVE_1 = 1
-const RESPONSE_CURVE_2 = 2
-const RESPONSE_CURVE_3 = 3
-const RESPONSE_CURVE_4 = 4
-const RESPONSE_CURVE_5 = 5
-const RESPONSE_CURVE_6 = 6
-const RESPONSE_CURVE_7 = 7
-
-type Curve =
-  | typeof RESPONSE_CURVE_0
-  | typeof RESPONSE_CURVE_1
-  | typeof RESPONSE_CURVE_2
-  | typeof RESPONSE_CURVE_3
-  | typeof RESPONSE_CURVE_4
-  | typeof RESPONSE_CURVE_5
-  | typeof RESPONSE_CURVE_6
-  | typeof RESPONSE_CURVE_7
 
 type ResponseCurve = {
   value: Curve
@@ -36,41 +20,6 @@ type ResponseCurve = {
   labelY: number
 }
 
-const RESPONSE_CURVES: Option<Curve>[] = [
-  {
-    value: RESPONSE_CURVE_7,
-    label: 'Always maxed out.',
-  },
-  {
-    value: RESPONSE_CURVE_6,
-    label: 'Most sensitive.',
-  },
-  {
-    value: RESPONSE_CURVE_5,
-    label: 'Moderately sensitive.',
-  },
-  {
-    value: RESPONSE_CURVE_4,
-    label: 'A little sensitive.',
-  },
-  {
-    value: RESPONSE_CURVE_0,
-    label: 'Linear, no change.',
-  },
-  {
-    value: RESPONSE_CURVE_1,
-    label: 'A little less sensitive.',
-  },
-  {
-    value: RESPONSE_CURVE_2,
-    label: 'Even less sensitive.',
-  },
-  {
-    value: RESPONSE_CURVE_3,
-    label: 'Least sensitive.',
-  },
-]
-
 // const width = 218
 // const height = 150
 const axisOffset = 20
@@ -113,7 +62,7 @@ const ResponseCurve = (props: ResponseCurveProps) => {
 
   const svgProps = { ref: svgRef }
 
-  const responseCurves = RESPONSE_CURVES.map(
+  const responseCurves = origResponseCurves.map(
     // biome-ignore lint/complexity/noExcessiveCognitiveComplexity: <explanation>
     ({ value, label }): ResponseCurve => {
       let c1 = 0
@@ -125,55 +74,55 @@ const ResponseCurve = (props: ResponseCurveProps) => {
       let labelX = xMid
       let labelY = yMid
       switch (value) {
-        case RESPONSE_CURVE_0:
+        case responseCurves[0].value:
           c1 = xMid
           c2 = yMid
           labelY += 3
 
           break
-        case RESPONSE_CURVE_1:
+        case responseCurves[1].value:
           c1 = inverted ? xMid + width * 0.13 : xMid - width * 0.13
           c2 = yMid - height * 0.13
           labelX = inverted ? xMid + width * 0.1 : xMid - width * 0.1
           labelY = yMid - height * 0.09
           break
 
-        case RESPONSE_CURVE_2:
+        case responseCurves[2].value:
           c1 = inverted ? xMid + width * 0.25 : xMid - width * 0.25
           c2 = yMid - height * 0.25
           labelX = inverted ? xMid + width * 0.2 : xMid - width * 0.2
           labelY = yMid - height * 0.17
           break
 
-        case RESPONSE_CURVE_3:
+        case responseCurves[3].value:
           c1 = inverted ? xMid + width * 0.35 : xMid - width * 0.35
           c2 = yMid - height * 0.35
           labelX = inverted ? xMid + width * 0.28 : xMid - width * 0.28
           labelY = yMid - height * 0.25
           break
 
-        case RESPONSE_CURVE_4:
+        case responseCurves[4].value:
           c1 = inverted ? xMid - width * 0.13 : xMid + width * 0.13
           c2 = yMid + height * 0.13
           labelX = inverted ? xMid - width * 0.1 : xMid + width * 0.1
           labelY = yMid + height * 0.1
           break
 
-        case RESPONSE_CURVE_5:
+        case responseCurves[5].value:
           c1 = inverted ? xMid - width * 0.25 : xMid + width * 0.25
           c2 = yMid + height * 0.25
           labelX = inverted ? xMid - width * 0.2 : xMid + width * 0.2
           labelY = yMid + height * 0.18
           break
 
-        case RESPONSE_CURVE_6:
+        case responseCurves[6].value:
           c1 = inverted ? xMid - width * 0.35 : xMid + width * 0.35
           c2 = yMid + height * 0.35
           labelX = inverted ? xMid - width * 0.28 : xMid + width * 0.28
           labelY = yMid + height * 0.25
           break
 
-        case RESPONSE_CURVE_7:
+        case responseCurves[7].value:
           x1 = inverted ? axisX1 : axisX2
           y1 = axisY1
           x2 = x1
@@ -299,6 +248,4 @@ const ResponseCurve = (props: ResponseCurveProps) => {
 
 export default ResponseCurve
 
-export { RESPONSE_CURVES }
-
-export type { Curve, ResponseCurve, ResponseCurveProps }
+export type { ResponseCurve, ResponseCurveProps }

package/lib/pickers/ResponseCurvePicker.tsx

@@ -1,8 +1,9 @@
 import { forwardRef, useCallback } from 'react'
 import type { GroupBase, SelectInstance } from 'react-select'
+import { type Curve, responseCurves } from '../midi/export'
 import DefaultTooltip, { type TooltipProps } from '../other/DefaultTooltip'
 import { findObj } from '../utils'
-import ResponseCurve, { type Curve, RESPONSE_CURVES } from './ResponseCurve'
+import ResponseCurve from './ResponseCurve'
 import Select from './Select'
 import type { Option, SelectProps } from './Select'
 
@@ -32,7 +33,7 @@ const ResponseCurvePicker = forwardRef<
   const Placeholder = useCallback(
     () => (
       <div className="singleValue">
-        {(findObj('value', value)(RESPONSE_CURVES) as Option<Curve>)?.label}
+        {(findObj('value', value)(responseCurves) as Option<Curve>)?.label}
       </div>
     ),
     [value],

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "zds-pickers",
-  "version": "4.0.11",
+  "version": "4.0.13",
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/types/index.d.ts",