@impulse-ui-native/color-picker 9.1.2 → 11.0.0

package/dist/components/alpha-input.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ColorPickerAlphaInputProps } from '../types/color-picker.types.mjs';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 import '../types/color.types.mjs';
 
-declare const ColorPickerAlphaInput: react.MemoExoticComponent<({ label, }: ColorPickerAlphaInputProps) => react_jsx_runtime.JSX.Element>;
+declare const ColorPickerAlphaInput: react.MemoExoticComponent<({ label, }: ColorPickerAlphaInputProps) => react.JSX.Element>;
 
 export { ColorPickerAlphaInput };

package/dist/components/alpha-slider.d.mts

@@ -1,6 +1,5 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare const ColorPickerAlphaSlider: react.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
+declare const ColorPickerAlphaSlider: react.MemoExoticComponent<() => react.JSX.Element>;
 
 export { ColorPickerAlphaSlider };

package/dist/components/apply.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ColorPickerActionProps } from '../types/color-picker.types.mjs';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 import '../types/color.types.mjs';
 
-declare const ColorPickerApply: react.MemoExoticComponent<({ disabled, loading, onPress, ...props }: ColorPickerActionProps) => react_jsx_runtime.JSX.Element>;
+declare const ColorPickerApply: react.MemoExoticComponent<({ disabled, loading, onPress, ...props }: ColorPickerActionProps) => react.JSX.Element>;
 
 export { ColorPickerApply };

package/dist/components/cancel.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ColorPickerActionProps } from '../types/color-picker.types.mjs';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 import '../types/color.types.mjs';
 
-declare const ColorPickerCancel: react.MemoExoticComponent<({ disabled, loading, onPress, ...props }: ColorPickerActionProps) => react_jsx_runtime.JSX.Element>;
+declare const ColorPickerCancel: react.MemoExoticComponent<({ disabled, loading, onPress, ...props }: ColorPickerActionProps) => react.JSX.Element>;
 
 export { ColorPickerCancel };

package/dist/components/channel-input.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ColorPickerChannelInputProps } from '../types/color-picker.types.mjs';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 import '../types/color.types.mjs';
 
-declare const ColorPickerChannelInput: react.MemoExoticComponent<({ channel, label, }: ColorPickerChannelInputProps) => react_jsx_runtime.JSX.Element>;
+declare const ColorPickerChannelInput: react.MemoExoticComponent<({ channel, label, }: ColorPickerChannelInputProps) => react.JSX.Element>;
 
 export { ColorPickerChannelInput };

package/dist/components/color-picker.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ColorPickerProps } from '../types/color-picker.types.mjs';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 import '../types/color.types.mjs';
 
-declare const ColorPickerComponent: react.MemoExoticComponent<({ showAlpha, showPresets, presets, presetsLabel, commitMode, ...props }: ColorPickerProps) => react_jsx_runtime.JSX.Element>;
+declare const ColorPickerComponent: react.MemoExoticComponent<({ showAlpha, showPresets, presets, presetsLabel, commitMode, ...props }: ColorPickerProps) => react.JSX.Element>;
 
 export { ColorPickerComponent };

package/dist/components/gradient.d.mts

@@ -1,7 +1,6 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ColorGradientProps } from '../types/color-gradient.types.mjs';
 
-declare const ColorGradient: react.MemoExoticComponent<({ colors, checkerboard, vertical, }: ColorGradientProps) => react_jsx_runtime.JSX.Element>;
+declare const ColorGradient: react.MemoExoticComponent<({ colors, checkerboard, vertical, }: ColorGradientProps) => react.JSX.Element>;
 
 export { ColorGradient };

package/dist/components/hex-input.d.mts

@@ -1,8 +1,7 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ColorPickerHexInputProps } from '../types/color-input.types.mjs';
 import '@impulse-ui-native/input';
 
-declare const ColorPickerHexInput: react.MemoExoticComponent<({ disabled: disabledProp, onBlur, onSubmitEditing, error, ...props }: ColorPickerHexInputProps) => react_jsx_runtime.JSX.Element>;
+declare const ColorPickerHexInput: react.MemoExoticComponent<({ disabled: disabledProp, onBlur, onSubmitEditing, error, ...props }: ColorPickerHexInputProps) => react.JSX.Element>;
 
 export { ColorPickerHexInput };

package/dist/components/hue-slider.d.mts

@@ -1,6 +1,5 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare const ColorPickerHueSlider: react.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
+declare const ColorPickerHueSlider: react.MemoExoticComponent<() => react.JSX.Element>;
 
 export { ColorPickerHueSlider };

package/dist/components/index.d.mts

@@ -1,26 +1,8 @@
-import * as _impulse_ui_native_primitives from '@impulse-ui-native/primitives';
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import * as react from 'react';
-import { ColorPickerProps, ColorPickerRootProps, ColorPickerChannelInputProps, ColorPickerAlphaInputProps, ColorPickerSwatchProps, ColorPickerActionProps } from '../types/color-picker.types.mjs';
-import { ColorPickerHexInputProps } from '../types/color-input.types.mjs';
+import '@impulse-ui-native/primitives';
+import 'react';
+export { ColorPicker } from '../index.mjs';
+import '../types/color-picker.types.mjs';
+import '../types/color-input.types.mjs';
 import '../types/color.types.mjs';
 import '@impulse-ui-native/theme';
 import '@impulse-ui-native/input';
-
-declare const ColorPicker: react.NamedExoticComponent<ColorPickerProps> & {
-    readonly type: ({ showAlpha, showPresets, presets, presetsLabel, commitMode, ...props }: ColorPickerProps) => react_jsx_runtime.JSX.Element;
-} & {
-    Root: react.MemoExoticComponent<({ children, style, value, defaultValue, onChange, disabled, size, commitMode, ...props }: ColorPickerRootProps) => react_jsx_runtime.JSX.Element>;
-    Spectrum: react.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
-    HueSlider: react.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
-    AlphaSlider: react.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
-    Preview: react.MemoExoticComponent<({ style, children, ...props }: _impulse_ui_native_primitives.ViewProps) => react_jsx_runtime.JSX.Element>;
-    HexInput: react.MemoExoticComponent<({ disabled: disabledProp, onBlur, onSubmitEditing, error, ...props }: ColorPickerHexInputProps) => react_jsx_runtime.JSX.Element>;
-    ChannelInput: react.MemoExoticComponent<({ channel, label, }: ColorPickerChannelInputProps) => react_jsx_runtime.JSX.Element>;
-    AlphaInput: react.MemoExoticComponent<({ label, }: ColorPickerAlphaInputProps) => react_jsx_runtime.JSX.Element>;
-    Swatch: react.MemoExoticComponent<({ color, children, disabled: disabledProp, style, onPress, ...props }: ColorPickerSwatchProps) => react_jsx_runtime.JSX.Element>;
-    Apply: react.MemoExoticComponent<({ disabled, loading, onPress, ...props }: ColorPickerActionProps) => react_jsx_runtime.JSX.Element>;
-    Cancel: react.MemoExoticComponent<({ disabled, loading, onPress, ...props }: ColorPickerActionProps) => react_jsx_runtime.JSX.Element>;
-};
-
-export { ColorPicker };

package/dist/components/motion-gradient.d.mts

@@ -1,9 +1,8 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ColorMotionSurfaceProps } from '../types/color-motion.types.mjs';
 import 'react-native-reanimated';
 import '../types/color.types.mjs';
 
-declare const ColorMotionGradient: react.MemoExoticComponent<({ rgba, }: ColorMotionSurfaceProps) => react_jsx_runtime.JSX.Element>;
+declare const ColorMotionGradient: react.MemoExoticComponent<({ rgba, }: ColorMotionSurfaceProps) => react.JSX.Element>;
 
 export { ColorMotionGradient };

package/dist/components/motion-surface.d.mts

@@ -1,9 +1,8 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ColorMotionSurfaceProps } from '../types/color-motion.types.mjs';
 import 'react-native-reanimated';
 import '../types/color.types.mjs';
 
-declare const ColorMotionSurface: react.MemoExoticComponent<({ rgba, }: ColorMotionSurfaceProps) => react_jsx_runtime.JSX.Element>;
+declare const ColorMotionSurface: react.MemoExoticComponent<({ rgba, }: ColorMotionSurfaceProps) => react.JSX.Element>;
 
 export { ColorMotionSurface };

package/dist/components/preset.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ColorPickerPresetEntryProps } from '../types/color-picker-internal.types.mjs';
 import 'react-native-reanimated';
 import '@impulse-ui-native/theme';
 import '../types/color.types.mjs';
 
-declare const ColorPickerPresetEntry: react.MemoExoticComponent<({ preset, }: ColorPickerPresetEntryProps) => react_jsx_runtime.JSX.Element>;
+declare const ColorPickerPresetEntry: react.MemoExoticComponent<({ preset, }: ColorPickerPresetEntryProps) => react.JSX.Element>;
 
 export { ColorPickerPresetEntry };

package/dist/components/preview.d.mts

@@ -1,7 +1,6 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ViewProps } from '@impulse-ui-native/primitives';
 
-declare const ColorPickerPreview: react.MemoExoticComponent<({ style, children, ...props }: ViewProps) => react_jsx_runtime.JSX.Element>;
+declare const ColorPickerPreview: react.MemoExoticComponent<({ style, children, ...props }: ViewProps) => react.JSX.Element>;
 
 export { ColorPickerPreview };

package/dist/components/root.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ColorPickerRootProps } from '../types/color-picker.types.mjs';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 import '../types/color.types.mjs';
 
-declare const ColorPickerRoot: react.MemoExoticComponent<({ children, style, value, defaultValue, onChange, disabled, size, commitMode, ...props }: ColorPickerRootProps) => react_jsx_runtime.JSX.Element>;
+declare const ColorPickerRoot: react.MemoExoticComponent<({ children, style, value, defaultValue, onChange, disabled, size, commitMode, ...props }: ColorPickerRootProps) => react.JSX.Element>;
 
 export { ColorPickerRoot };

package/dist/components/spectrum.d.mts

@@ -1,6 +1,5 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 
-declare const ColorPickerSpectrum: react.MemoExoticComponent<() => react_jsx_runtime.JSX.Element>;
+declare const ColorPickerSpectrum: react.MemoExoticComponent<() => react.JSX.Element>;
 
 export { ColorPickerSpectrum };

package/dist/components/swatch.d.mts

@@ -1,10 +1,9 @@
 import * as react from 'react';
-import * as react_jsx_runtime from 'react/jsx-runtime';
 import { ColorPickerSwatchProps } from '../types/color-picker.types.mjs';
 import '@impulse-ui-native/primitives';
 import '@impulse-ui-native/theme';
 import '../types/color.types.mjs';
 
-declare const ColorPickerSwatch: react.MemoExoticComponent<({ color, children, disabled: disabledProp, style, onPress, ...props }: ColorPickerSwatchProps) => react_jsx_runtime.JSX.Element>;
+declare const ColorPickerSwatch: react.MemoExoticComponent<({ color, children, disabled: disabledProp, style, onPress, ...props }: ColorPickerSwatchProps) => react.JSX.Element>;
 
 export { ColorPickerSwatch };

package/dist/constants/motion.constants.d.mts

@@ -4,6 +4,6 @@ import { Rect } from 'react-native-svg';
 
 declare const TransparentStops: readonly string[];
 declare const SaturationStops: readonly string[];
-declare const AnimatedColorRect: react_native_reanimated_lib_typescript_createAnimatedComponent.AnimatedComponentType<Readonly<react_native_svg.RectProps | Readonly<react_native_svg.RectProps>>, typeof Rect>;
+declare const AnimatedColorRect: react_native_reanimated_lib_typescript_createAnimatedComponent.AnimatedComponentType<Readonly<react_native_svg.RectProps | Readonly<react_native_svg.RectProps>>, typeof Rect, object>;
 
 export { AnimatedColorRect, SaturationStops, TransparentStops };

package/dist/hooks/use-spectrum-interaction.hook.d.mts

@@ -1,11 +1,37 @@
 import * as react_native_reanimated_lib_typescript_hook_commonTypes from 'react-native-reanimated/lib/typescript/hook/commonTypes';
+import * as react_native from 'react-native';
 import * as react_native_gesture_handler_lib_typescript_handlers_gestures_panGesture from 'react-native-gesture-handler/lib/typescript/handlers/gestures/panGesture';
-import { LayoutChangeEvent } from 'react-native';
 import { SpectrumInteractionOptions } from '../types/spectrum.types.mjs';
 
 declare function useSpectrumInteraction({ disabled, onChange, onChangeWorklet, onComplete, saturation, brightness, }: SpectrumInteractionOptions): {
     gesture: react_native_gesture_handler_lib_typescript_handlers_gestures_panGesture.PanGesture;
-    handleLayout: (event: LayoutChangeEvent) => void;
+    handleLayout: (event: Readonly<{
+        bubbles: boolean | undefined;
+        cancelable: boolean | undefined;
+        currentTarget: number | react_native.HostInstance;
+        defaultPrevented: boolean | undefined;
+        dispatchConfig: Readonly<{
+            registrationName: string;
+        }>;
+        eventPhase: number | undefined;
+        preventDefault: () => void;
+        isDefaultPrevented: () => boolean;
+        stopPropagation: () => void;
+        isPropagationStopped: () => boolean;
+        isTrusted: boolean | undefined;
+        nativeEvent: Readonly<{
+            layout: Readonly<{
+                x: number;
+                y: number;
+                width: number;
+                height: number;
+            }>;
+        }>;
+        persist: () => void;
+        target: (number | undefined) | react_native.HostInstance;
+        timeStamp: number;
+        type: string | undefined;
+    }>) => void;
     indicatorStyle: react_native_reanimated_lib_typescript_hook_commonTypes.AnimatedStyleHandle<{
         transform: ({
             translateX: number;

package/dist/index.d.mts

@@ -1,9 +1,25 @@
-export { ColorPicker } from './components/index.mjs';
 export { ColorChannel, ColorPickerCommitMode } from './types/color.types.mjs';
-export { ColorPickerActionProps, ColorPickerAlphaInputProps, ColorPickerChannelInputProps, ColorPickerProps, ColorPickerRootProps, ColorPickerSwatchProps } from './types/color-picker.types.mjs';
+import { ColorPickerProps, ColorPickerRootProps, ColorPickerChannelInputProps, ColorPickerAlphaInputProps, ColorPickerSwatchProps, ColorPickerActionProps } from './types/color-picker.types.mjs';
 export { ColorPickerPreset } from '@impulse-ui-native/theme';
-export { ColorPickerHexInputProps } from './types/color-input.types.mjs';
-import '@impulse-ui-native/primitives';
-import 'react/jsx-runtime';
-import 'react';
+import { ColorPickerHexInputProps } from './types/color-input.types.mjs';
+import * as _impulse_ui_native_primitives from '@impulse-ui-native/primitives';
+import * as react from 'react';
 import '@impulse-ui-native/input';
+
+declare const ColorPicker: react.NamedExoticComponent<ColorPickerProps> & {
+    readonly type: ({ showAlpha, showPresets, presets, presetsLabel, commitMode, ...props }: ColorPickerProps) => react.JSX.Element;
+} & {
+    Root: react.MemoExoticComponent<({ children, style, value, defaultValue, onChange, disabled, size, commitMode, ...props }: ColorPickerRootProps) => react.JSX.Element>;
+    Spectrum: react.MemoExoticComponent<() => react.JSX.Element>;
+    HueSlider: react.MemoExoticComponent<() => react.JSX.Element>;
+    AlphaSlider: react.MemoExoticComponent<() => react.JSX.Element>;
+    Preview: react.MemoExoticComponent<({ style, children, ...props }: _impulse_ui_native_primitives.ViewProps) => react.JSX.Element>;
+    HexInput: react.MemoExoticComponent<({ disabled: disabledProp, onBlur, onSubmitEditing, error, ...props }: ColorPickerHexInputProps) => react.JSX.Element>;
+    ChannelInput: react.MemoExoticComponent<({ channel, label, }: ColorPickerChannelInputProps) => react.JSX.Element>;
+    AlphaInput: react.MemoExoticComponent<({ label, }: ColorPickerAlphaInputProps) => react.JSX.Element>;
+    Swatch: react.MemoExoticComponent<({ color, children, disabled: disabledProp, style, onPress, ...props }: ColorPickerSwatchProps) => react.JSX.Element>;
+    Apply: react.MemoExoticComponent<({ disabled, loading, onPress, ...props }: ColorPickerActionProps) => react.JSX.Element>;
+    Cancel: react.MemoExoticComponent<({ disabled, loading, onPress, ...props }: ColorPickerActionProps) => react.JSX.Element>;
+};
+
+export { ColorPicker, ColorPickerActionProps, ColorPickerAlphaInputProps, ColorPickerChannelInputProps, ColorPickerHexInputProps, ColorPickerProps, ColorPickerRootProps, ColorPickerSwatchProps };

package/dist/types/color-picker.types.d.mts

@@ -1,7 +1,7 @@
-import { ReactNode, PropsWithChildren } from 'react';
-import { ViewProps, PressableCoreProps, ButtonProps } from '@impulse-ui-native/primitives';
+import { PropsWithChildren, ReactNode } from 'react';
+import { ButtonProps, ViewProps, PressableCoreProps } from '@impulse-ui-native/primitives';
 import { ComponentSize, ColorPickerPreset } from '@impulse-ui-native/theme';
-import { ColorPickerCommitMode, ColorChannel } from './color.types.mjs';
+import { ColorChannel, ColorPickerCommitMode } from './color.types.mjs';
 
 interface ColorPickerRootProps extends ViewProps {
     /** Hex: RGB, RGBA, RRGGBB, or RRGGBBAA, with an optional #. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@impulse-ui-native/color-picker",
-  "version": "9.1.2",
+  "version": "11.0.0",
   "description": "Modular spectrum color picker with custom hex/RGB entry and theme presets for React Native.",
   "keywords": [
     "react-native",
@@ -28,27 +28,27 @@
   ],
   "sideEffects": false,
   "dependencies": {
-    "@impulse-ui-native/icon": "9.1.2",
-    "@impulse-ui-native/input": "9.1.2",
-    "@impulse-ui-native/primitives": "9.1.2",
-    "@impulse-ui-native/slider": "9.1.2",
-    "@impulse-ui-native/core": "9.1.2",
-    "@impulse-ui-native/theme": "9.1.2"
+    "@impulse-ui-native/core": "11.0.0",
+    "@impulse-ui-native/icon": "11.0.0",
+    "@impulse-ui-native/primitives": "11.0.0",
+    "@impulse-ui-native/theme": "11.0.0",
+    "@impulse-ui-native/input": "11.0.0",
+    "@impulse-ui-native/slider": "11.0.0"
   },
   "devDependencies": {
-    "@types/react": "~19.2.14",
+    "@impulse-ui-native/eslint-config": "1.0.0",
+    "@impulse-ui-native/prettier-config": "1.0.0",
+    "@impulse-ui-native/tsconfig": "1.0.0",
+    "@types/react": "~19.3.0",
     "eslint": "^9.38.0",
     "prettier": "^3.6.2",
-    "react": "19.2.3",
-    "react-native": "0.86.2",
+    "react": "19.3.0",
+    "react-native": "0.88.0",
     "typescript": "~6.0.3",
-    "react-native-svg": "15.15.4",
-    "react-native-gesture-handler": "~2.32.0",
-    "react-native-reanimated": "4.5.1",
-    "react-native-worklets": "0.10.1",
-    "@impulse-ui-native/eslint-config": "1.0.0",
-    "@impulse-ui-native/tsconfig": "1.0.0",
-    "@impulse-ui-native/prettier-config": "1.0.0"
+    "react-native-svg": "15.16.0",
+    "react-native-gesture-handler": "~3.3.0",
+    "react-native-reanimated": "4.7.1",
+    "react-native-worklets": "0.13.0"
   },
   "peerDependencies": {
     "react": ">=18",