@darthrapid/react-native-color-picker 0.1.0

package/LICENSE

@@ -0,0 +1,20 @@
+MIT License
+
+Copyright (c) 2026 Martin Rapčan
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -0,0 +1,160 @@
+# @darthrapid/react-native-simple-color-picker
+
+Lightweight HSB color picker for React Native with modal/inline modes, tabs, and i18n support. Pure JS, Expo compatible.
+
+## Installation
+
+```bash
+bun add @darthrapid/react-native-simple-color-picker
+```
+
+### Peer dependency
+
+```bash
+bun add react-native-svg
+```
+
+## Basic Usage
+
+By default, renders as a small color swatch. Tap it to open the picker modal.
+
+```tsx
+import { useState } from "react";
+import { ColorPicker } from "@darthrapid/react-native-simple-color-picker";
+
+export default function App() {
+  const [color, setColor] = useState("#007AFF");
+
+  return <ColorPicker value={color} onChange={setColor} />;
+}
+```
+
+## Inline Mode
+
+Renders the picker directly in your layout without a modal — adapts to parent width.
+
+```tsx
+<ColorPicker value={color} onChange={setColor} inline />
+```
+
+## Tabs
+
+The picker has 3 tabs — only selected ones are shown:
+
+```tsx
+// All (default)
+<ColorPicker tabs={["picker", "values", "recent"]} />
+
+// Picker and values only
+<ColorPicker tabs={["picker", "values"]} />
+
+// Picker only — tab bar is hidden
+<ColorPicker tabs={["picker"]} />
+```
+
+| Tab | Content |
+|---|---|
+| `picker` | Saturation/brightness pad + hue slider |
+| `values` | Hex input, RGB and HSB values |
+| `recent` | Saved colors grid with "Clear All" |
+
+## i18n / Custom Labels
+
+```tsx
+<ColorPicker
+  labels={{
+    picker: "Výber",
+    values: "Hodnoty",
+    recent: "Uložené",
+    save: "Uložiť",
+    savedColors: "Uložené farby",
+    clearAll: "Vymazať všetko",
+    noSavedColors: "Žiadne uložené farby",
+    noSavedColorsHint: "Klikni \"Uložiť\" pre pridanie farieb",
+  }}
+/>
+```
+
+Only pass the labels you want to override — the rest stays English by default.
+
+## Light / Dark Theme
+
+```tsx
+<ColorPicker theme="dark" />  // default
+<ColorPicker theme="light" />
+```
+
+## Props
+
+| Prop | Type | Default | Description |
+|---|---|---|---|
+| `value` | `string` | `"#007AFF"` | Current color (hex) |
+| `onChange` | `(hex: string) => void` | – | Called when color changes |
+| `tabs` | `TabId[]` | `["picker", "values", "recent"]` | Which tabs to show |
+| `maxRecentColors` | `number` | `16` | Max number of saved colors |
+| `panelWidth` | `number \| string` | `"100%"` | Panel width in modal mode. Ignored when `inline` |
+| `hueStripHeight` | `number` | `28` | Hue slider height |
+| `theme` | `"light" \| "dark"` | `"dark"` | Color theme |
+| `disabled` | `boolean` | `false` | Disables touch input |
+| `style` | `ViewStyle` | – | Style for the picker panel |
+| `swatchSize` | `number` | `48` | Swatch trigger size |
+| `swatchBorderRadius` | `number` | `12` | Swatch border radius |
+| `swatchStyle` | `ViewStyle` | – | Style for the swatch trigger |
+| `inline` | `boolean` | `false` | Renders picker inline without modal |
+| `labels` | `ColorPickerLabels` | – | Custom labels (i18n) |
+| `modalStyle` | `ViewStyle` | – | Style for the modal overlay wrapper |
+
+## Ref API
+
+```tsx
+import { useRef } from "react";
+import { ColorPicker, type ColorPickerRef } from "@darthrapid/react-native-simple-color-picker";
+
+const ref = useRef<ColorPickerRef>(null);
+
+<ColorPicker ref={ref} value={color} onChange={setColor} />
+```
+
+| Method | Description |
+|---|---|
+| `getColor()` | Returns current color as hex string |
+| `setColor(hex)` | Sets color programmatically |
+| `clearRecent()` | Clears saved colors |
+| `open()` | Opens the modal (no-op when `inline`) |
+| `close()` | Closes the modal (no-op when `inline`) |
+
+## Examples
+
+### Custom swatch size
+
+```tsx
+<ColorPicker
+  value={color}
+  onChange={setColor}
+  swatchSize={40}
+  swatchBorderRadius={8}
+/>
+```
+
+### Full width modal
+
+```tsx
+<ColorPicker value={color} onChange={setColor} panelWidth="100%" />
+```
+
+### Fixed width modal
+
+```tsx
+<ColorPicker value={color} onChange={setColor} panelWidth={350} />
+```
+
+### Programmatic control
+
+```tsx
+ref.current?.setColor("#FF3B30");
+ref.current?.open();
+```
+
+## License
+
+MIT

package/lib/module/components/color-picker.js

@@ -0,0 +1,214 @@
+"use strict";
+
+import React, { useCallback, useImperativeHandle, useRef, useState } from "react";
+import { Modal, Pressable } from "react-native";
+import { PickerPanel } from "./picker-panel.js";
+import { DEFAULT_LABELS, themes } from "../shared/const.js";
+import { getContrastColor, hexToHsb, hsbToHex, isValidHex } from "../utils/colors.js";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+export const ColorPicker = /*#__PURE__*/React.forwardRef(({
+  value = "#007AFF",
+  onChange,
+  tabs = ["picker", "values", "recent"],
+  maxRecentColors = 16,
+  panelWidth = "100%",
+  hueStripHeight = 28,
+  theme: themeName = "dark",
+  disabled = false,
+  style,
+  swatchSize = 48,
+  swatchBorderRadius = 12,
+  swatchStyle,
+  inline = false,
+  labels: userLabels,
+  modalStyle
+}, ref) => {
+  const t = themes[themeName];
+  const labels = {
+    ...DEFAULT_LABELS,
+    ...userLabels
+  };
+  const initial = hexToHsb(value);
+  const [hue, setHue] = useState(initial.h);
+  const [sat, setSat] = useState(initial.s);
+  const [bright, setBright] = useState(initial.b);
+  const [hexInput, setHexInput] = useState(value.toUpperCase());
+  const [recentColors, setRecentColors] = useState([]);
+  const [modalVisible, setModalVisible] = useState(false);
+  const currentHex = hsbToHex(hue, sat, bright);
+  const contrastColor = getContrastColor(currentHex);
+
+  // Refs for stable handler closures
+  const hueRef = useRef(hue);
+  const satRef = useRef(sat);
+  const brightRef = useRef(bright);
+  hueRef.current = hue;
+  satRef.current = sat;
+  brightRef.current = bright;
+
+  // Sync hex input display — only update when NOT focused
+  const hexInputFocusedRef = useRef(false);
+  const currentHexRef = useRef(currentHex);
+  currentHexRef.current = currentHex;
+  if (!hexInputFocusedRef.current && hexInput !== currentHex.toUpperCase()) {
+    setHexInput(currentHex.toUpperCase());
+  }
+
+  // Sync from external value prop — only when parent actually changes value
+  const lastExternalValue = useRef(value);
+  if (value !== lastExternalValue.current) {
+    lastExternalValue.current = value;
+    if (isValidHex(value)) {
+      const hsb = hexToHsb(value);
+      // Only update if actually different to avoid loops
+      if (hsb.h !== hue || hsb.s !== sat || hsb.b !== bright) {
+        setHue(hsb.h);
+        setSat(hsb.s);
+        setBright(hsb.b);
+      }
+    }
+  }
+  const notifyChange = useCallback((h, s, b) => {
+    const hex = hsbToHex(h, s, b);
+    lastExternalValue.current = hex; // prevent sync-back
+    onChange?.(hex);
+  }, [onChange]);
+  const addToRecent = useCallback(hex => {
+    setRecentColors(prev => {
+      const filtered = prev.filter(c => c !== hex);
+      return [hex, ...filtered].slice(0, maxRecentColors);
+    });
+  }, [maxRecentColors]);
+  const handleHueChange = useCallback(h => {
+    setHue(h);
+    notifyChange(h, satRef.current, brightRef.current);
+  }, [notifyChange]);
+  const handleSatBrightChange = useCallback(({
+    s,
+    b
+  }) => {
+    setSat(s);
+    setBright(b);
+    notifyChange(hueRef.current, s, b);
+  }, [notifyChange]);
+  const handleHexSubmit = useCallback(() => {
+    const clean = hexInput.startsWith("#") ? hexInput : `#${hexInput}`;
+    if (isValidHex(clean)) {
+      const hsb = hexToHsb(clean);
+      setHue(hsb.h);
+      setSat(hsb.s);
+      setBright(hsb.b);
+      notifyChange(hsb.h, hsb.s, hsb.b);
+      addToRecent(clean);
+    } else {
+      setHexInput(currentHex.toUpperCase());
+    }
+  }, [hexInput, currentHex, notifyChange, addToRecent]);
+  const handleRecentSelect = useCallback(hex => {
+    const hsb = hexToHsb(hex);
+    setHue(hsb.h);
+    setSat(hsb.s);
+    setBright(hsb.b);
+    notifyChange(hsb.h, hsb.s, hsb.b);
+  }, [notifyChange]);
+  useImperativeHandle(ref, () => ({
+    getColor: () => currentHex,
+    setColor: hex => {
+      if (!isValidHex(hex)) return;
+      const hsb = hexToHsb(hex);
+      setHue(hsb.h);
+      setSat(hsb.s);
+      setBright(hsb.b);
+      lastExternalValue.current = hex;
+      notifyChange(hsb.h, hsb.s, hsb.b);
+    },
+    clearRecent: () => setRecentColors([]),
+    open: () => setModalVisible(true),
+    close: () => setModalVisible(false)
+  }), [currentHex, notifyChange]);
+  const panelProps = {
+    hue,
+    sat,
+    bright,
+    currentHex,
+    contrastColor,
+    hexInput,
+    recentColors,
+    tabs,
+    hueStripHeight,
+    disabled,
+    t,
+    labels,
+    onHueChange: handleHueChange,
+    onSatBrightChange: handleSatBrightChange,
+    onHexInputChange: setHexInput,
+    onHexSubmit: handleHexSubmit,
+    onHexInputFocus: () => {
+      hexInputFocusedRef.current = true;
+    },
+    onHexInputBlur: () => {
+      hexInputFocusedRef.current = false;
+    },
+    onSaveRecent: () => addToRecent(currentHex),
+    onRecentSelect: handleRecentSelect,
+    onClearRecent: () => setRecentColors([])
+  };
+  if (inline) {
+    return /*#__PURE__*/_jsx(PickerPanel, {
+      ...panelProps,
+      style: style
+    });
+  }
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsx(Pressable, {
+      onPress: () => setModalVisible(true),
+      disabled: disabled,
+      style: [{
+        width: swatchSize,
+        height: swatchSize,
+        borderRadius: swatchBorderRadius,
+        backgroundColor: currentHex,
+        borderWidth: 2,
+        borderColor: t.border,
+        shadowColor: "#000",
+        shadowOffset: {
+          width: 0,
+          height: 2
+        },
+        shadowOpacity: 0.15,
+        shadowRadius: 4,
+        elevation: 3
+      }, swatchStyle]
+    }), /*#__PURE__*/_jsx(Modal, {
+      visible: modalVisible,
+      transparent: true,
+      animationType: "fade",
+      onRequestClose: () => setModalVisible(false),
+      children: /*#__PURE__*/_jsx(Pressable, {
+        onPress: () => setModalVisible(false),
+        style: [{
+          flex: 1,
+          backgroundColor: t.overlay,
+          justifyContent: "center",
+          alignItems: "center",
+          padding: 20
+        }, modalStyle],
+        children: /*#__PURE__*/_jsx(Pressable, {
+          onPress: () => {},
+          style: {
+            width: "100%",
+            alignItems: "center"
+          },
+          children: /*#__PURE__*/_jsx(PickerPanel, {
+            ...panelProps,
+            style: [{
+              width: panelWidth
+            }, style]
+          })
+        })
+      })
+    })]
+  });
+});
+ColorPicker.displayName = "ColorPicker";
+//# sourceMappingURL=color-picker.js.map

package/lib/module/components/color-picker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useImperativeHandle","useRef","useState","Modal","Pressable","PickerPanel","DEFAULT_LABELS","themes","getContrastColor","hexToHsb","hsbToHex","isValidHex","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","ColorPicker","forwardRef","value","onChange","tabs","maxRecentColors","panelWidth","hueStripHeight","theme","themeName","disabled","style","swatchSize","swatchBorderRadius","swatchStyle","inline","labels","userLabels","modalStyle","ref","t","initial","hue","setHue","h","sat","setSat","s","bright","setBright","b","hexInput","setHexInput","toUpperCase","recentColors","setRecentColors","modalVisible","setModalVisible","currentHex","contrastColor","hueRef","satRef","brightRef","current","hexInputFocusedRef","currentHexRef","lastExternalValue","hsb","notifyChange","hex","addToRecent","prev","filtered","filter","c","slice","handleHueChange","handleSatBrightChange","handleHexSubmit","clean","startsWith","handleRecentSelect","getColor","setColor","clearRecent","open","close","panelProps","onHueChange","onSatBrightChange","onHexInputChange","onHexSubmit","onHexInputFocus","onHexInputBlur","onSaveRecent","onRecentSelect","onClearRecent","children","onPress","width","height","borderRadius","backgroundColor","borderWidth","borderColor","border","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation","visible","transparent","animationType","onRequestClose","flex","overlay","justifyContent","alignItems","padding","displayName"],"sourceRoot":"../../../src","sources":["components/color-picker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/hue-strip.js

@@ -0,0 +1,113 @@
+"use strict";
+
+import React, { useCallback, useRef, useState } from "react";
+import { PanResponder, View } from "react-native";
+import Svg, { Defs, LinearGradient, Rect, Stop } from "react-native-svg";
+import { hsbToHex } from "../utils/colors.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+export function HueStrip({
+  hue,
+  height,
+  disabled,
+  thumbBorder,
+  onChange
+}) {
+  const containerRef = useRef(null);
+  const originXRef = useRef(0);
+  const widthRef = useRef(0);
+  const disabledRef = useRef(disabled);
+  const onChangeRef = useRef(onChange);
+  disabledRef.current = disabled;
+  onChangeRef.current = onChange;
+  const [layoutWidth, setLayoutWidth] = useState(0);
+  const calcHue = useCallback(pageX => {
+    const w = widthRef.current;
+    if (w === 0) return 0;
+    const x = Math.max(0, Math.min(pageX - originXRef.current, w));
+    return Math.round(x / w * 360);
+  }, []);
+  const panResponder = useRef(PanResponder.create({
+    onStartShouldSetPanResponder: () => !disabledRef.current,
+    onStartShouldSetPanResponderCapture: () => !disabledRef.current,
+    onMoveShouldSetPanResponder: () => !disabledRef.current,
+    onMoveShouldSetPanResponderCapture: () => !disabledRef.current,
+    onPanResponderTerminationRequest: () => false,
+    onPanResponderGrant: evt => {
+      const {
+        pageX
+      } = evt.nativeEvent;
+      containerRef.current?.measure((_x, _y, w, _h, ox) => {
+        originXRef.current = ox;
+        widthRef.current = w;
+        onChangeRef.current(calcHue(pageX));
+      });
+    },
+    onPanResponderMove: evt => {
+      onChangeRef.current(calcHue(evt.nativeEvent.pageX));
+    }
+  })).current;
+  const hueColors = ["#FF0000", "#FFFF00", "#00FF00", "#00FFFF", "#0000FF", "#FF00FF", "#FF0000"];
+  const thumbLeft = layoutWidth > 0 ? hue / 360 * layoutWidth : 0;
+  const thumbSize = height + 6;
+  return /*#__PURE__*/_jsx(View, {
+    ref: containerRef,
+    onLayout: e => {
+      const w = e.nativeEvent.layout.width;
+      setLayoutWidth(w);
+      widthRef.current = w;
+    },
+    style: {
+      width: "100%",
+      height,
+      overflow: "visible"
+    },
+    ...panResponder.panHandlers,
+    children: layoutWidth > 0 && /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(Svg, {
+        width: layoutWidth,
+        height: height,
+        children: [/*#__PURE__*/_jsx(Defs, {
+          children: /*#__PURE__*/_jsx(LinearGradient, {
+            id: "hueGrad",
+            x1: "0",
+            y1: "0",
+            x2: "1",
+            y2: "0",
+            children: hueColors.map((color, i) => /*#__PURE__*/_jsx(Stop, {
+              offset: `${i / (hueColors.length - 1) * 100}%`,
+              stopColor: color
+            }, i))
+          })
+        }), /*#__PURE__*/_jsx(Rect, {
+          x: "0",
+          y: "0",
+          width: layoutWidth,
+          height: height,
+          rx: height / 2,
+          fill: "url(#hueGrad)"
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        style: {
+          position: "absolute",
+          left: thumbLeft - thumbSize / 2,
+          top: -3,
+          width: thumbSize,
+          height: thumbSize,
+          borderRadius: thumbSize / 2,
+          borderWidth: 3,
+          borderColor: thumbBorder,
+          backgroundColor: hsbToHex(hue, 100, 100),
+          shadowColor: "#000",
+          shadowOffset: {
+            width: 0,
+            height: 2
+          },
+          shadowOpacity: 0.3,
+          shadowRadius: 4,
+          elevation: 5
+        }
+      })]
+    })
+  });
+}
+//# sourceMappingURL=hue-strip.js.map

package/lib/module/components/hue-strip.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useCallback","useRef","useState","PanResponder","View","Svg","Defs","LinearGradient","Rect","Stop","hsbToHex","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","HueStrip","hue","height","disabled","thumbBorder","onChange","containerRef","originXRef","widthRef","disabledRef","onChangeRef","current","layoutWidth","setLayoutWidth","calcHue","pageX","w","x","Math","max","min","round","panResponder","create","onStartShouldSetPanResponder","onStartShouldSetPanResponderCapture","onMoveShouldSetPanResponder","onMoveShouldSetPanResponderCapture","onPanResponderTerminationRequest","onPanResponderGrant","evt","nativeEvent","measure","_x","_y","_h","ox","onPanResponderMove","hueColors","thumbLeft","thumbSize","ref","onLayout","e","layout","width","style","overflow","panHandlers","children","id","x1","y1","x2","y2","map","color","i","offset","length","stopColor","y","rx","fill","position","left","top","borderRadius","borderWidth","borderColor","backgroundColor","shadowColor","shadowOffset","shadowOpacity","shadowRadius","elevation"],"sourceRoot":"../../../src","sources":["components/hue-strip.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/components/picker-panel.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import { useState } from "react";
+import { Pressable, Text, View } from "react-native";
+import { PickerTab } from "./picker-tab.js";
+import { RecentTab } from "./recent-tab.js";
+import { TabBar } from "./tab-bar.js";
+import { ValuesTab } from "./values-tab.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function PickerPanel({
+  hue,
+  sat,
+  bright,
+  currentHex,
+  contrastColor,
+  hexInput,
+  recentColors,
+  tabs,
+  hueStripHeight,
+  disabled,
+  t,
+  onHueChange,
+  onSatBrightChange,
+  onHexInputChange,
+  onHexSubmit,
+  onHexInputFocus,
+  onHexInputBlur,
+  onSaveRecent,
+  onRecentSelect,
+  onClearRecent,
+  labels,
+  style
+}) {
+  const [activeTab, setActiveTab] = useState(tabs[0]);
+  return /*#__PURE__*/_jsxs(View, {
+    style: [{
+      backgroundColor: t.background,
+      borderRadius: 20,
+      overflow: "hidden"
+    }, style],
+    children: [/*#__PURE__*/_jsx(View, {
+      style: {
+        height: 64,
+        backgroundColor: currentHex,
+        justifyContent: "flex-end",
+        paddingHorizontal: 16,
+        paddingBottom: 12
+      },
+      children: /*#__PURE__*/_jsxs(View, {
+        style: {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "space-between"
+        },
+        children: [/*#__PURE__*/_jsx(Text, {
+          style: {
+            fontSize: 18,
+            fontWeight: "700",
+            color: contrastColor,
+            fontVariant: ["tabular-nums"],
+            letterSpacing: 0.5
+          },
+          children: currentHex.toUpperCase()
+        }), /*#__PURE__*/_jsx(Pressable, {
+          onPress: onSaveRecent,
+          style: ({
+            pressed
+          }) => ({
+            backgroundColor: pressed ? contrastColor === "#FFFFFF" ? "rgba(255,255,255,0.5)" : "rgba(0,0,0,0.3)" : contrastColor === "#FFFFFF" ? "rgba(255,255,255,0.2)" : "rgba(0,0,0,0.1)",
+            paddingHorizontal: 12,
+            paddingVertical: 5,
+            borderRadius: 8
+          }),
+          children: /*#__PURE__*/_jsx(Text, {
+            style: {
+              color: contrastColor,
+              fontSize: 12,
+              fontWeight: "600"
+            },
+            children: labels.save
+          })
+        })]
+      })
+    }), tabs.length > 1 && /*#__PURE__*/_jsx(TabBar, {
+      tabs: tabs,
+      active: activeTab,
+      onSelect: setActiveTab,
+      t: t,
+      labels: labels
+    }), activeTab === "picker" && /*#__PURE__*/_jsx(PickerTab, {
+      hue: hue,
+      sat: sat,
+      bright: bright,
+      hueStripHeight: hueStripHeight,
+      disabled: disabled,
+      t: t,
+      onHueChange: onHueChange,
+      onSatBrightChange: onSatBrightChange
+    }), activeTab === "values" && /*#__PURE__*/_jsx(ValuesTab, {
+      hue: hue,
+      sat: sat,
+      bright: bright,
+      currentHex: currentHex,
+      hexInput: hexInput,
+      disabled: disabled,
+      t: t,
+      onHexInputChange: onHexInputChange,
+      onHexSubmit: onHexSubmit,
+      onHexInputFocus: onHexInputFocus,
+      onHexInputBlur: onHexInputBlur
+    }), activeTab === "recent" && /*#__PURE__*/_jsx(RecentTab, {
+      recentColors: recentColors,
+      disabled: disabled,
+      t: t,
+      labels: labels,
+      onSelect: onRecentSelect,
+      onClear: onClearRecent
+    })]
+  });
+}
+//# sourceMappingURL=picker-panel.js.map

package/lib/module/components/picker-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Pressable","Text","View","PickerTab","RecentTab","TabBar","ValuesTab","jsx","_jsx","jsxs","_jsxs","PickerPanel","hue","sat","bright","currentHex","contrastColor","hexInput","recentColors","tabs","hueStripHeight","disabled","t","onHueChange","onSatBrightChange","onHexInputChange","onHexSubmit","onHexInputFocus","onHexInputBlur","onSaveRecent","onRecentSelect","onClearRecent","labels","style","activeTab","setActiveTab","backgroundColor","background","borderRadius","overflow","children","height","justifyContent","paddingHorizontal","paddingBottom","flexDirection","alignItems","fontSize","fontWeight","color","fontVariant","letterSpacing","toUpperCase","onPress","pressed","paddingVertical","save","length","active","onSelect","onClear"],"sourceRoot":"../../../src","sources":["components/picker-panel.tsx"],"mappings":"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","ignoreList":[]}