@oxy.so/bloom 6.4.0 → 7.0.1

package/lib/commonjs/agent-creator/AgentPreferencesPanel.js

@@ -0,0 +1,260 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AgentPreferencesPanel = AgentPreferencesPanel;
+var _button = require("../button");
+var _RiGlobalLine = require("../icons/remix/RiGlobalLine.js");
+var _RiNotification3Line = require("../icons/remix/RiNotification3Line.js");
+var _RiVolumeUpLine = require("../icons/remix/RiVolumeUpLine.js");
+var _TEMPLATE = require("../icons/TEMPLATE.js");
+var _index = require("../segmented-control/index.js");
+var _SettingsRows = require("../settings-modal/SettingsRows.js");
+var _styledPrimitives = require("../styles/styled-primitives.js");
+var _index2 = require("../switch/index.js");
+var _useTheme = require("../theme/use-theme.js");
+var _index3 = require("../typography/index.js");
+var _constants = require("./constants.js");
+var _context = require("./context.js");
+var _shared = require("./shared.js");
+var _useAgentVoices = require("./use-agent-voices.js");
+var _jsxRuntime = require("react/jsx-runtime");
+// Source Remix play-mini-fill artwork; the existing full-size play triangle has different geometry.
+const PreviewPlayIcon = (0, _TEMPLATE.createSinglePathSVG)({
+  path: 'M7.75194 5.43872L18.2596 11.5682C18.4981 11.7073 18.5787 12.0135 18.4396 12.252C18.3961 12.3265 18.3341 12.3885 18.2596 12.432L7.75194 18.5615C7.51341 18.7006 7.20725 18.62 7.06811 18.3815C7.0235 18.305 7 18.2181 7 18.1296V5.87061C7 5.59446 7.22386 5.37061 7.5 5.37061C7.58853 5.37061 7.67547 5.39411 7.75194 5.43872Z'
+});
+function PreferenceSelect({
+  value,
+  onChange,
+  label,
+  items,
+  disabled = false,
+  popoverWidth = 192,
+  className
+}) {
+  const messages = (0, _context.useAgentCreatorMessages)();
+  const {
+    Select,
+    SelectTrigger,
+    SelectValue,
+    SelectIcon,
+    SelectContent,
+    SelectItem,
+    SelectItemText
+  } = (0, _context.useAgentCreatorBindings)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(Select, {
+    size: "sm",
+    value: value,
+    onValueChange: onChange,
+    disabled: disabled,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(SelectTrigger, {
+      label: label,
+      className: className,
+      style: className ? {
+        minWidth: 0,
+        maxWidth: 144
+      } : undefined,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(SelectValue, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectIcon, {})]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectContent, {
+      label: label,
+      width: popoverWidth,
+      items: items,
+      valueExtractor: item => item.id,
+      renderItem: item => /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectItem, {
+        value: item.id,
+        label: item.label,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectItemText, {
+          children: item.label
+        })
+      })
+    })]
+  });
+}
+
+/** Device voices preview locally; preferences travel with the agent to onRespond. */
+function AgentPreferencesPanel(props) {
+  const messages = (0, _context.useAgentCreatorMessages)();
+  const {
+    agent,
+    onChange
+  } = props;
+  const {
+    colors
+  } = (0, _useTheme.useTheme)();
+  const preferences = (0, _shared.normalizeAgentPreferences)(agent.preferences);
+  const {
+    voices,
+    canPreview,
+    canSelect,
+    preview
+  } = (0, _useAgentVoices.useAgentVoices)(props);
+  const update = patch => onChange({
+    ...agent,
+    preferences: {
+      ...preferences,
+      ...patch
+    }
+  });
+  const selectedVoice = voices.find(voice => preferences.voice === 'alice' ? voice.name.toLowerCase() === 'alice' : voice.id === preferences.voice);
+  const selectedVoiceKey = preferences.voice === 'alice' ? selectedVoice?.id ?? 'system' : preferences.voice || 'off';
+  const choices = voices.filter(voice => preferences.language === 'auto' || voice.language.toLowerCase().startsWith(preferences.language)).slice(0, 12);
+  if (selectedVoice && !choices.includes(selectedVoice)) choices.push(selectedVoice);
+  const voiceItems = [{
+    id: 'off',
+    label: messages.off
+  }, {
+    id: 'system',
+    label: messages.systemVoice
+  }, ...choices.map(voice => ({
+    id: voice.id,
+    label: voice.name
+  })), ...(preferences.voice && preferences.voice !== 'system' && preferences.voice !== 'alice' && !selectedVoice ? [{
+    id: preferences.voice,
+    label: messages.savedVoice
+  }] : [])];
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.StyledView, {
+    className: "mt-4 flex flex-col gap-3 pb-3",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_SettingsRows.SettingsCard, {
+      className: "px-3",
+      style: {
+        paddingLeft: 12,
+        paddingRight: 12
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.StyledView, {
+        className: "flex min-h-14 items-center justify-between gap-3 border-b border-separator-border py-3 flex-row",
+        style: {
+          borderColor: colors.border
+        },
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.StyledView, {
+          className: "flex items-center gap-2 text-body-medium text-text-primary flex-row",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RiGlobalLine.RiGlobalLine, {
+            className: "size-5 text-foreground-icon-secondary",
+            size: "md",
+            fill: colors.icon,
+            "aria-hidden": true
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+            variant: "body-medium",
+            className: "text-body-medium text-text-primary",
+            children: messages.language
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PreferenceSelect, {
+          label: messages.languageInput,
+          value: preferences.language,
+          onChange: language => update({
+            language: language
+          }),
+          items: _constants.AGENT_LANGUAGES.map(language => ({
+            id: language.id,
+            label: messages.languages[language.id]
+          }))
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.StyledView, {
+        className: "flex items-center gap-3 py-3 flex-row",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RiNotification3Line.RiNotification3Line, {
+          className: "size-5 shrink-0 text-foreground-icon-secondary",
+          size: "md",
+          fill: colors.icon,
+          "aria-hidden": true
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.StyledView, {
+          className: "flex min-w-0 flex-1 flex-col gap-1",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+            variant: "body-medium",
+            className: "text-body-medium text-text-primary",
+            children: messages.notifications
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+            variant: "caption-1-regular",
+            className: "text-caption-1-regular text-text-secondary",
+            children: messages.notificationsDescription
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Switch, {
+          accessibilityLabel: messages.notifyFinished,
+          size: "sm",
+          checked: preferences.notifications,
+          onCheckedChange: notifications => update({
+            notifications
+          })
+        })]
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_SettingsRows.SettingsCard, {
+      className: "gap-3 p-3 pt-2",
+      style: {
+        paddingLeft: 12,
+        paddingRight: 12,
+        paddingTop: 8,
+        paddingBottom: 12,
+        gap: 12
+      },
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.StyledView, {
+        className: "flex items-center justify-between gap-3 flex-row",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.StyledView, {
+          className: "flex items-center gap-2 text-body-medium text-text-primary flex-row",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_RiVolumeUpLine.RiVolumeUpLine, {
+            className: "size-5 text-foreground-icon-secondary",
+            size: "md",
+            fill: colors.icon,
+            "aria-hidden": true
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+            variant: "body-medium",
+            className: "text-body-medium text-text-primary",
+            children: messages.voice
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.StyledView, {
+          className: "flex min-w-0 items-center gap-1 flex-row",
+          children: [!!preferences.voice && /*#__PURE__*/(0, _jsxRuntime.jsx)(_button.IconButton, {
+            size: "sm",
+            appearance: "plain",
+            tone: "neutral",
+            icon: PreviewPlayIcon,
+            accessibilityLabel: messages.previewVoice,
+            disabled: !canPreview,
+            className: "bg-transparent text-text-secondary hover:bg-background-tertiary-default hover:text-text-primary active:bg-background-tertiary-hover active:text-text-primary",
+            onPress: () => preview(preferences)
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(PreferenceSelect, {
+            label: messages.voiceInput,
+            disabled: !canSelect,
+            value: selectedVoiceKey,
+            onChange: voice => update({
+              voice: voice === 'off' ? '' : voice
+            }),
+            items: voiceItems,
+            className: "min-w-0 max-w-36",
+            popoverWidth: 240
+          })]
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.StyledView, {
+        className: "flex flex-col gap-2",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_index3.Text, {
+          variant: "caption-1-regular",
+          className: "text-caption-1-regular text-text-secondary",
+          children: messages.playbackSpeed
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SegmentedControl, {
+          label: messages.playbackSpeed,
+          className: "w-full bg-background-tertiary-default dark:bg-segmented-control-background",
+          style: {
+            width: '100%'
+          },
+          type: "radio",
+          value: String(preferences.speed),
+          onValueChange: speed => update({
+            speed: Number(speed)
+          }),
+          children: _constants.AGENT_SPEECH_RATES.map(speed => /*#__PURE__*/(0, _jsxRuntime.jsx)(_index.SegmentedControlItem, {
+            value: String(speed),
+            accessibilityLabel: messages.playbackSpeedLabel(speed),
+            className: "min-w-0 flex-1 px-1",
+            style: {
+              flex: 1,
+              minWidth: 0,
+              paddingHorizontal: 4
+            },
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_index.SegmentedControlItemText, {
+              children: [speed, "\xD7"]
+            })
+          }, speed))
+        })]
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=AgentPreferencesPanel.js.map

package/lib/commonjs/agent-creator/AgentPreferencesPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_button","require","_RiGlobalLine","_RiNotification3Line","_RiVolumeUpLine","_TEMPLATE","_index","_SettingsRows","_styledPrimitives","_index2","_useTheme","_index3","_constants","_context","_shared","_useAgentVoices","_jsxRuntime","PreviewPlayIcon","createSinglePathSVG","path","PreferenceSelect","value","onChange","label","items","disabled","popoverWidth","className","messages","useAgentCreatorMessages","Select","SelectTrigger","SelectValue","SelectIcon","SelectContent","SelectItem","SelectItemText","useAgentCreatorBindings","jsxs","size","onValueChange","children","style","minWidth","maxWidth","undefined","jsx","width","valueExtractor","item","id","renderItem","AgentPreferencesPanel","props","agent","colors","useTheme","preferences","normalizeAgentPreferences","voices","canPreview","canSelect","preview","useAgentVoices","update","patch","selectedVoice","find","voice","name","toLowerCase","selectedVoiceKey","choices","filter","language","startsWith","slice","includes","push","voiceItems","off","systemVoice","map","savedVoice","StyledView","SettingsCard","paddingLeft","paddingRight","borderColor","border","RiGlobalLine","fill","icon","Text","variant","languageInput","AGENT_LANGUAGES","languages","RiNotification3Line","notifications","notificationsDescription","Switch","accessibilityLabel","notifyFinished","checked","onCheckedChange","paddingTop","paddingBottom","gap","RiVolumeUpLine","IconButton","appearance","tone","previewVoice","onPress","voiceInput","playbackSpeed","SegmentedControl","type","String","speed","Number","AGENT_SPEECH_RATES","SegmentedControlItem","playbackSpeedLabel","flex","paddingHorizontal","SegmentedControlItemText"],"sourceRoot":"../../../src","sources":["agent-creator/AgentPreferencesPanel.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/agent-creator/CustomColorPicker.js

@@ -0,0 +1,374 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CustomColorPicker = CustomColorPicker;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeCss = require("react-native-css");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _membership = require("../field/membership.js");
+var _styledPrimitives = require("../styles/styled-primitives.js");
+var _useTheme = require("../theme/use-theme.js");
+var _context = require("./context.js");
+var _GlossArt = require("./GlossArt.js");
+var _shared = require("./shared.js");
+var _useTrackEvents = require("./use-track-events.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const StyledTextInput = (0, _reactNativeCss.styled)(_reactNative.TextInput, {
+  className: 'style'
+});
+const clamp01 = n => Math.min(1, Math.max(0, n));
+const THUMB = 'pointer-events-none absolute size-4 -translate-x-1/2 -translate-y-1/2 rounded-full border border-white bg-white/0 ' + 'shadow-[0_2px_4px_rgb(0_0_0/0.18),inset_0_0_0_1px_rgb(0_0_0/0.06)]';
+
+/** Source HSV picker: own two-dimensional field and 12px hue rail, rAF-throttled. */
+function CustomColorPicker({
+  value,
+  onChange,
+  className
+}) {
+  const messages = (0, _context.useAgentCreatorMessages)();
+  const membership = (0, _membership.useFieldMembership)({
+    label: messages.hexColor
+  });
+  const {
+    colors
+  } = (0, _useTheme.useTheme)();
+  const id = (0, _react.useId)().replace(/:/g, '');
+  const fieldRef = (0, _react.useRef)(null);
+  const railRef = (0, _react.useRef)(null);
+  const [hsv, setHsv] = (0, _react.useState)(() => (0, _shared.hexToHsv)(value) ?? {
+    h: 259,
+    s: 0.83,
+    v: 1
+  });
+  const [hexDraft, setHexDraft] = (0, _react.useState)(() => value.toLowerCase());
+  const [seenValue, setSeenValue] = (0, _react.useState)(() => value.toLowerCase());
+  const [lastEmitted, setLastEmitted] = (0, _react.useState)(() => value.toLowerCase());
+  const [width, setWidth] = (0, _react.useState)(228);
+  const [hexFocused, setHexFocused] = (0, _react.useState)(false);
+  const frame = (0, _react.useRef)(0);
+  const nextValue = value.toLowerCase();
+  if (nextValue !== seenValue) {
+    setSeenValue(nextValue);
+    if (nextValue !== lastEmitted) {
+      const parsed = (0, _shared.hexToHsv)(nextValue);
+      if (parsed) {
+        setLastEmitted(nextValue);
+        setHsv(parsed);
+        setHexDraft(nextValue);
+      }
+    }
+  }
+  const emit = (0, _react.useCallback)(next => {
+    if (membership.disabled) return;
+    setHsv(next);
+    cancelAnimationFrame(frame.current);
+    frame.current = requestAnimationFrame(() => {
+      const hex = (0, _shared.hsvToHex)(next);
+      setLastEmitted(hex);
+      setHexDraft(hex);
+      onChange(hex);
+    });
+  }, [onChange, membership.disabled]);
+  (0, _react.useEffect)(() => () => {
+    if (frame.current) cancelAnimationFrame(frame.current);
+  }, []);
+  const field = _reactNativeGestureHandler.Gesture.Pan().enabled(!membership.disabled).minDistance(0).runOnJS(true).onBegin(event => {
+    fieldRef.current?.focus();
+    emit({
+      ...hsv,
+      s: clamp01(event.x / width),
+      v: 1 - clamp01(event.y / (width * 2 / 3))
+    });
+  }).onUpdate(event => emit({
+    ...hsv,
+    s: clamp01(event.x / width),
+    v: 1 - clamp01(event.y / (width * 2 / 3))
+  }));
+  const rail = _reactNativeGestureHandler.Gesture.Pan().enabled(!membership.disabled).minDistance(0).runOnJS(true).onBegin(event => {
+    railRef.current?.focus();
+    emit({
+      ...hsv,
+      h: Math.min(clamp01(event.x / width) * 360, 359.9)
+    });
+  }).onUpdate(event => emit({
+    ...hsv,
+    h: Math.min(clamp01(event.x / width) * 360, 359.9)
+  }));
+  (0, _useTrackEvents.useTrackEvents)(fieldRef, undefined, (key, shift) => {
+    const step = shift ? 0.1 : 0.02;
+    const moves = {
+      ArrowLeft: {
+        s: clamp01(hsv.s - step)
+      },
+      ArrowRight: {
+        s: clamp01(hsv.s + step)
+      },
+      ArrowUp: {
+        v: clamp01(hsv.v + step)
+      },
+      ArrowDown: {
+        v: clamp01(hsv.v - step)
+      }
+    };
+    const move = moves[key];
+    if (!move) return false;
+    emit({
+      ...hsv,
+      ...move
+    });
+    return true;
+  });
+  (0, _useTrackEvents.useTrackEvents)(railRef, undefined, (key, shift) => {
+    const step = shift ? 15 : 3;
+    const delta = key === 'ArrowLeft' || key === 'ArrowDown' ? -step : key === 'ArrowRight' || key === 'ArrowUp' ? step : null;
+    if (delta === null) return false;
+    emit({
+      ...hsv,
+      h: Math.min(Math.max(hsv.h + delta, 0), 359.9)
+    });
+    return true;
+  });
+  const commitHexDraft = () => {
+    if (membership.disabled) return;
+    const parsed = (0, _shared.hexToHsv)(hexDraft);
+    if (!parsed) {
+      setHexDraft(lastEmitted);
+      return;
+    }
+    const hex = (0, _shared.hsvToHex)(parsed);
+    setLastEmitted(hex);
+    setHsv(parsed);
+    setHexDraft(hex);
+    onChange(hex);
+  };
+  const hueColor = (0, _shared.hsvToHex)({
+    h: hsv.h,
+    s: 1,
+    v: 1
+  });
+  const current = (0, _shared.hsvToHex)(hsv);
+  const thumb = {
+    width: 16,
+    height: 16,
+    borderWidth: 1,
+    borderColor: '#ffffff',
+    borderRadius: 8,
+    transform: _reactNative.Platform.OS === 'web' ? undefined : [{
+      translateX: -8
+    }, {
+      translateY: -8
+    }],
+    boxShadow: '0 2px 4px rgba(0,0,0,.18), inset 0 0 0 1px rgba(0,0,0,.06)'
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.StyledView, {
+    className: className ? `flex flex-col gap-2.5 ${className}` : 'flex flex-col gap-2.5',
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+      gesture: field,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.StyledView, {
+        ref: fieldRef,
+        onLayout: event => setWidth(event.nativeEvent.layout.width),
+        role: "slider",
+        tabIndex: membership.disabled ? -1 : 0,
+        "aria-disabled": membership.disabled || undefined,
+        "aria-invalid": membership.invalid || undefined,
+        "aria-describedby": membership.describedBy,
+        accessibilityLabel: messages.saturationBrightness,
+        "aria-valuemin": 0,
+        "aria-valuemax": 100,
+        "aria-valuenow": Math.round(hsv.v * 100),
+        "aria-valuetext": messages.saturationBrightnessValue(Math.round(hsv.s * 100), Math.round(hsv.v * 100)),
+        className: "relative aspect-[3/2] w-full cursor-crosshair touch-none rounded-2xl outline-none focus-visible:ring-2 focus-visible:ring-border-focus-ring focus-visible:ring-offset-2",
+        accessibilityActions: [{
+          name: 'increment',
+          label: messages.increaseBrightness
+        }, {
+          name: 'decrement',
+          label: messages.decreaseBrightness
+        }],
+        onAccessibilityAction: event => emit({
+          ...hsv,
+          v: clamp01(hsv.v + (event.nativeEvent.actionName === 'increment' ? 0.02 : -0.02))
+        }),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+          width: "100%",
+          height: "100%",
+          accessible: false,
+          style: {
+            position: 'absolute',
+            left: 0,
+            top: 0
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.Defs, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.LinearGradient, {
+              id: `${id}-sat`,
+              x1: "0",
+              x2: "1",
+              y1: "0",
+              y2: "0",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+                offset: "0",
+                stopColor: "#ffffff"
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+                offset: "1",
+                stopColor: hueColor
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.LinearGradient, {
+              id: `${id}-value`,
+              x1: "0",
+              x2: "0",
+              y1: "0",
+              y2: "1",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+                offset: "0",
+                stopColor: "#000000",
+                stopOpacity: 0
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+                offset: "1",
+                stopColor: "#000000"
+              })]
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+            rx: 16,
+            width: "100%",
+            height: "100%",
+            fill: `url(#${id}-sat)`
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+            rx: 16,
+            width: "100%",
+            height: "100%",
+            fill: `url(#${id}-value)`
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledView, {
+          pointerEvents: "none",
+          "aria-hidden": true,
+          className: "pointer-events-none absolute inset-0 rounded-2xl shadow-[inset_0_0_0_1px_rgb(0_0_0/0.06),inset_0_1px_0_rgb(255_255_255/0.12)]"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledView, {
+          pointerEvents: "none",
+          "aria-hidden": true,
+          className: THUMB,
+          style: [thumb, {
+            position: 'absolute',
+            left: `${hsv.s * 100}%`,
+            top: `${(1 - hsv.v) * 100}%`,
+            backgroundColor: current
+          }]
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+      gesture: rail,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.StyledView, {
+        ref: railRef,
+        role: "slider",
+        tabIndex: membership.disabled ? -1 : 0,
+        "aria-disabled": membership.disabled || undefined,
+        "aria-invalid": membership.invalid || undefined,
+        "aria-describedby": membership.describedBy,
+        accessibilityLabel: messages.hue,
+        "aria-valuemin": 0,
+        "aria-valuemax": 360,
+        "aria-valuenow": Math.round(hsv.h),
+        className: "relative h-3 w-full cursor-pointer touch-none rounded-full outline-none focus-visible:ring-2 focus-visible:ring-border-focus-ring focus-visible:ring-offset-2",
+        accessibilityActions: [{
+          name: 'increment',
+          label: messages.increaseHue
+        }, {
+          name: 'decrement',
+          label: messages.decreaseHue
+        }],
+        onAccessibilityAction: event => emit({
+          ...hsv,
+          h: Math.min(Math.max(hsv.h + (event.nativeEvent.actionName === 'increment' ? 3 : -3), 0), 359.9)
+        }),
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeSvg.default, {
+          width: "100%",
+          height: 12,
+          accessible: false,
+          style: {
+            position: 'absolute',
+            left: 0,
+            top: 0
+          },
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Defs, {
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.LinearGradient, {
+              id: `${id}-hue`,
+              x1: "0",
+              x2: "1",
+              y1: "0",
+              y2: "0",
+              children: ['#ff0000', '#ffff00', '#00ff00', '#00ffff', '#0000ff', '#ff00ff', '#ff0000'].map((color, index) => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Stop, {
+                offset: index / 6,
+                stopColor: color
+              }, color + index))
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeSvg.Rect, {
+            rx: 6,
+            width: "100%",
+            height: 12,
+            fill: `url(#${id}-hue)`
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledView, {
+          pointerEvents: "none",
+          "aria-hidden": true,
+          className: "pointer-events-none absolute inset-0 rounded-full shadow-[inset_0_0_0_1px_rgb(0_0_0/0.06)]"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledView, {
+          pointerEvents: "none",
+          "aria-hidden": true,
+          className: `${THUMB} top-1/2`,
+          style: [thumb, {
+            position: 'absolute',
+            left: `${hsv.h / 360 * 100}%`,
+            top: '50%',
+            backgroundColor: hueColor
+          }]
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styledPrimitives.StyledView, {
+      className: "flex items-center gap-2 flex-row",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styledPrimitives.StyledView, {
+        "aria-hidden": true,
+        className: "relative size-8 shrink-0 overflow-hidden rounded-full shadow-[inset_0_0_0_1px_rgb(0_0_0/0.06)]",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GlossArt.GlossArt, {
+          center: current,
+          edge: current,
+          size: 32
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledTextInput, {
+        value: hexDraft,
+        onChangeText: setHexDraft,
+        autoCorrect: false,
+        autoCapitalize: "none",
+        accessibilityLabel: membership.accessibilityLabel,
+        nativeID: membership.nativeID,
+        "aria-describedby": membership.describedBy,
+        "aria-invalid": membership.invalid || undefined,
+        "aria-disabled": membership.disabled || undefined,
+        editable: !membership.disabled,
+        onFocus: () => setHexFocused(true),
+        onBlur: () => {
+          setHexFocused(false);
+          commitHexDraft();
+        },
+        onSubmitEditing: commitHexDraft,
+        className: "h-8 w-full min-w-0 rounded-2lg bg-background-tertiary-default px-2.5 font-mono text-[13px] text-text-primary uppercase outline-none ring-2 ring-transparent ring-inset transition-[background-color,box-shadow] duration-150 ease placeholder:text-text-placeholder focus:bg-background-primary-default focus:ring-border-focus-ring",
+        style: [{
+          flex: 1,
+          direction: 'ltr'
+        }, _reactNative.Platform.OS === 'web' ? undefined : {
+          height: 32,
+          borderRadius: 10,
+          paddingHorizontal: 10,
+          backgroundColor: hexFocused ? colors.card : colors.backgroundTertiary,
+          color: colors.text,
+          fontFamily: 'monospace',
+          fontSize: 13
+        }]
+      })]
+    })]
+  });
+}
+//# sourceMappingURL=CustomColorPicker.js.map