@multiplatform.one/forms 7.34.4 → 7.36.0

package/dist/cjs/fields/TimeRangeScrubber/index.cjs

@@ -35,6 +35,7 @@ __export(TimeRangeScrubber_exports, {
 });
 module.exports = __toCommonJS(TimeRangeScrubber_exports);
 var import_theme = require("@multiplatform.one/theme");
+var import_theme2 = require("@multiplatform.one/theme");
 var import_react = require("@phosphor-icons/react");
 var import_react2 = require("react");
 var import_tamagui = require("tamagui");
@@ -49,8 +50,8 @@ var import_geometry2 = require("./geometry.cjs");
 var import_jsx_runtime = require("react/jsx-runtime");
 const ACTIVITY_BAR_HEIGHT = 7;
 function useRadiusStop() {
-  const ctx = (0, import_theme.usePresetContext)();
-  return ctx?.preset.knobs.borderRadius ?? import_theme.defaultKnobs.borderRadius;
+  const ctx = (0, import_theme2.usePresetContext)();
+  return ctx?.preset.knobs.borderRadius ?? import_theme2.defaultKnobs.borderRadius;
 }
 function formatClock(date) {
   return date.toLocaleTimeString(void 0, {
@@ -62,13 +63,13 @@ function formatClock(date) {
 }
 function formatRangeReadout(range) {
   if (!range?.start || !range.end) return "";
-  const startText = (0, import_theme.formatAbsoluteDateTime)(range.start, {
+  const startText = (0, import_theme2.formatAbsoluteDateTime)(range.start, {
     year: "always",
     seconds: true,
     hour12: false
   });
   const sameDay = range.start.toDateString() === range.end.toDateString();
-  const endText = sameDay ? formatClock(range.end) : (0, import_theme.formatAbsoluteDateTime)(range.end, {
+  const endText = sameDay ? formatClock(range.end) : (0, import_theme2.formatAbsoluteDateTime)(range.end, {
     year: "always",
     seconds: true,
     hour12: false
@@ -138,7 +139,7 @@ function TimeRangeScrubberControl({
   maxVisibleQuickRanges,
   now
 }) {
-  if (import_tamagui.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
+  if (import_tamagui.isWeb) (0, import_theme2.ensureKeyboardModalityTracking)();
   const radiusStop = useRadiusStop();
   const theme = (0, import_tamagui.useTheme)();
   const reducedMotion = !transitionToken;
@@ -175,9 +176,9 @@ function TimeRangeScrubberControl({
   const frameAt = (0, import_geometry.latestFrameAtOrBefore)(frames, scrubTime);
   const activityAt = (0, import_geometry.activityUnder)(activity, scrubTime);
   const fieldThemeOutline = theme.outlineColor?.val ?? "$outlineColor";
-  const focusRing = (0, import_theme.ensureFocusVisibleRing)({
+  const focusRing = (0, import_theme2.ensureFocusVisibleRing)({
     outlineColor: fieldThemeOutline,
-    outlineOffset: import_theme.FOCUS_RING_HALO_OFFSET
+    outlineOffset: import_theme2.FOCUS_RING_HALO_OFFSET
   });
   const emitScrub = (0, import_react2.useCallback)((next, nextSession) => {
     const snapped = (0, import_geometry.snapTime)(next, snapTo, {
@@ -587,7 +588,7 @@ function TimeRangeScrubberControl({
             hitSlop: (0, import_geometry.rectHitSlop)(import_geometry.BRUSH_HANDLE.width, import_geometry.BRUSH_HANDLE.height),
             ...ring,
             onFocus: () => {
-              if (import_tamagui.isWeb && (0, import_theme.wasKeyboardFocus)()) setKbFocus(part);
+              if (import_tamagui.isWeb && (0, import_theme2.wasKeyboardFocus)()) setKbFocus(part);
             },
             onBlur: () => setKbFocus(prev => prev === part ? null : prev),
             onKeyDown: event => onHandleKey(part, event),
@@ -644,11 +645,14 @@ function TimeRangeScrubberControl({
             "data-radius": String(gripRadius),
             "data-session": session,
             "data-transition": transition,
-            hitSlop: (0, import_theme.pressTargetHitSlop)(gripSize),
-            transition,
+            hitSlop: (0, import_theme2.pressTargetHitSlop)(gripSize),
+            ...(0, import_theme.transitionProps)({
+              transition,
+              animateOnly: import_theme.motionRoleProperties.control
+            }, ["left"]),
             ...gripFocus,
             onFocus: () => {
-              if (import_tamagui.isWeb && (0, import_theme.wasKeyboardFocus)()) setKbFocus("grip");
+              if (import_tamagui.isWeb && (0, import_theme2.wasKeyboardFocus)()) setKbFocus("grip");
             },
             onBlur: () => setKbFocus(prev => prev === "grip" ? null : prev),
             onKeyDown: event => onHandleKey("grip", event),
@@ -729,7 +733,6 @@ function TimeRangeScrubber({
   size,
   id: idProp,
   skeleton,
-  compact,
   value: valueProp,
   defaultValue,
   onChange,
@@ -756,8 +759,7 @@ function TimeRangeScrubber({
     id
   } = (0, import_utils.useFormField)({
     form: formProp,
-    id: idProp,
-    compact
+    id: idProp
   });
   const resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name, value2 => {
     if (value2 == null) return true;
@@ -784,7 +786,7 @@ function TimeRangeScrubber({
   const value = valueProp !== void 0 ? valueProp : internalValue;
   const windowValue = windowProp ?? internalWindow;
   const scrubTime = scrubProp ?? internalScrub;
-  const liveTransition = knobProps.transition ? String(knobProps.transition) : void 0;
+  const liveTransition = knobProps.motion.control.transition ? String(knobProps.motion.control.transition) : void 0;
   const handleChange = (next, fieldChange) => {
     if (valueProp === void 0) setInternalValue(next);
     fieldChange?.(next);

package/dist/cjs/fields/TimeRangeScrubber/index.native.js

@@ -38,6 +38,7 @@ __export(TimeRangeScrubber_exports, {
 module.exports = __toCommonJS(TimeRangeScrubber_exports);
 var import_jsx_runtime = require("react/jsx-runtime");
 var import_theme = require("@multiplatform.one/theme");
+var import_theme2 = require("@multiplatform.one/theme");
 var import_react = require("@phosphor-icons/react");
 var import_react2 = require("react");
 var import_tamagui = require("tamagui");
@@ -57,8 +58,8 @@ function _type_of(obj) {
 var ACTIVITY_BAR_HEIGHT = 7;
 function useRadiusStop() {
   var _ref;
-  var ctx = (0, import_theme.usePresetContext)();
-  return (_ref = ctx === null || ctx === void 0 ? void 0 : ctx.preset.knobs.borderRadius) !== null && _ref !== void 0 ? _ref : import_theme.defaultKnobs.borderRadius;
+  var ctx = (0, import_theme2.usePresetContext)();
+  return (_ref = ctx === null || ctx === void 0 ? void 0 : ctx.preset.knobs.borderRadius) !== null && _ref !== void 0 ? _ref : import_theme2.defaultKnobs.borderRadius;
 }
 function formatClock(date) {
   return date.toLocaleTimeString(void 0, {
@@ -70,13 +71,13 @@ function formatClock(date) {
 }
 function formatRangeReadout(range) {
   if (!(range === null || range === void 0 ? void 0 : range.start) || !range.end) return "";
-  var startText = (0, import_theme.formatAbsoluteDateTime)(range.start, {
+  var startText = (0, import_theme2.formatAbsoluteDateTime)(range.start, {
     year: "always",
     seconds: true,
     hour12: false
   });
   var sameDay = range.start.toDateString() === range.end.toDateString();
-  var endText = sameDay ? formatClock(range.end) : (0, import_theme.formatAbsoluteDateTime)(range.end, {
+  var endText = sameDay ? formatClock(range.end) : (0, import_theme2.formatAbsoluteDateTime)(range.end, {
     year: "always",
     seconds: true,
     hour12: false
@@ -150,7 +151,7 @@ function TimeRangeScrubberControl(param) {
   } = param;
   var _ref, _ref1, _ref2, _ref3, _brush_start, _brush_end, _brush_start1, _brush_start2, _brush_end1, _ref4;
   var _theme_outlineColor, _value_start, _value_end;
-  if (import_tamagui.isWeb) (0, import_theme.ensureKeyboardModalityTracking)();
+  if (import_tamagui.isWeb) (0, import_theme2.ensureKeyboardModalityTracking)();
   var radiusStop = useRadiusStop();
   var theme = (0, import_tamagui.useTheme)();
   var reducedMotion = !transitionToken;
@@ -187,9 +188,9 @@ function TimeRangeScrubberControl(param) {
   var frameAt = (0, import_geometry.latestFrameAtOrBefore)(frames, scrubTime);
   var activityAt = (0, import_geometry.activityUnder)(activity, scrubTime);
   var fieldThemeOutline = (_ref = (_theme_outlineColor = theme.outlineColor) === null || _theme_outlineColor === void 0 ? void 0 : _theme_outlineColor.val) !== null && _ref !== void 0 ? _ref : "$outlineColor";
-  var focusRing = (0, import_theme.ensureFocusVisibleRing)({
+  var focusRing = (0, import_theme2.ensureFocusVisibleRing)({
     outlineColor: fieldThemeOutline,
-    outlineOffset: import_theme.FOCUS_RING_HALO_OFFSET
+    outlineOffset: import_theme2.FOCUS_RING_HALO_OFFSET
   });
   var emitScrub = (0, import_react2.useCallback)(function (next, nextSession) {
     var snapped = (0, import_geometry.snapTime)(next, snapTo, {
@@ -636,7 +637,7 @@ function TimeRangeScrubberControl(param) {
               hitSlop: (0, import_geometry.rectHitSlop)(import_geometry.BRUSH_HANDLE.width, import_geometry.BRUSH_HANDLE.height),
               ...ring,
               onFocus: function onFocus() {
-                if (import_tamagui.isWeb && (0, import_theme.wasKeyboardFocus)()) setKbFocus(part);
+                if (import_tamagui.isWeb && (0, import_theme2.wasKeyboardFocus)()) setKbFocus(part);
               },
               onBlur: function onBlur() {
                 return setKbFocus(function (prev) {
@@ -700,11 +701,14 @@ function TimeRangeScrubberControl(param) {
             "data-radius": String(gripRadius),
             "data-session": session,
             "data-transition": transition,
-            hitSlop: (0, import_theme.pressTargetHitSlop)(gripSize),
-            transition,
+            hitSlop: (0, import_theme2.pressTargetHitSlop)(gripSize),
+            ...(0, import_theme.transitionProps)({
+              transition,
+              animateOnly: import_theme.motionRoleProperties.control
+            }, ["left"]),
             ...gripFocus,
             onFocus: function onFocus() {
-              if (import_tamagui.isWeb && (0, import_theme.wasKeyboardFocus)()) setKbFocus("grip");
+              if (import_tamagui.isWeb && (0, import_theme2.wasKeyboardFocus)()) setKbFocus("grip");
             },
             onBlur: function onBlur() {
               return setKbFocus(function (prev) {
@@ -796,7 +800,6 @@ function TimeRangeScrubber(param) {
     size,
     id: idProp,
     skeleton,
-    compact,
     value: valueProp,
     defaultValue,
     onChange,
@@ -823,8 +826,7 @@ function TimeRangeScrubber(param) {
     id
   } = (0, import_utils.useFormField)({
     form: formProp,
-    id: idProp,
-    compact
+    id: idProp
   });
   var resolvedValidators = (0, import_utils.useResolvedValidators)(required, validators, label, name, function (value2) {
     if (value2 == null) return true;
@@ -861,7 +863,7 @@ function TimeRangeScrubber(param) {
   var value = valueProp !== void 0 ? valueProp : internalValue;
   var windowValue = windowProp !== null && windowProp !== void 0 ? windowProp : internalWindow;
   var scrubTime = scrubProp !== null && scrubProp !== void 0 ? scrubProp : internalScrub;
-  var liveTransition = knobProps.transition ? String(knobProps.transition) : void 0;
+  var liveTransition = knobProps.motion.control.transition ? String(knobProps.motion.control.transition) : void 0;
   var handleChange = function handleChange2(next, fieldChange) {
     if (valueProp === void 0) setInternalValue(next);
     fieldChange === null || fieldChange === void 0 ? void 0 : fieldChange(next);